Как создать окно подтверждения (модальное всплывающее окно) в asp.net MVC?

Question

Как создать окно подтверждения (модальное всплывающее) после того, как я нажмите на эту кнопку:

<button id="sellButton" onclick="sendRequest(@item.Id)">Sell</button> 

ЗДЕСЬ POPUP модальные (ДА/НЕТ)

Когда пользователь подтвердит, то это должно произойти

<script> 
function sendRequest(id) 
{ 
    var request = 
    { 
     "itemId": id 
    }; 
    $.ajax({ 
     url: '/It/Sell', 
     data: JSON.stringify(request), 
     type: 'POST', 
     dataType: "html", 
     contentType: 'application/json; charset=utf-8', 
     error: function (err) { 
      alert('Error: ' + err.statusText); 
     }, 
     success: function (result) { 
      $('#Table').html(result); 
      }, 
     async: true, 
     processData: false 
    }); 
}; 
</script> 

Answer 1

if(confirm('are you sure?')){ 
    var request = 
    { 
     "itemId": id 
    }; 
    $.ajax({ 
     url: '/It/Sell', 
     data: JSON.stringify(request), 
     type: 'POST', 
     dataType: "html", 
     contentType: 'application/json; charset=utf-8', 
     error: function (err) { 
      alert('Error: ' + err.statusText); 
     }, 
     success: function (result) { 
      $('#Table').html(result); 
      }, 
     async: true, 
     processData: false 
    }); 
} 

Answer 2

Посмотрите на jquery.confirm. Он должен быть в состоянии решить вашу проблему.

Answer 3

Если вы хотите иметь хорошее модальное окно подтверждения с простой реализацией я бы рекомендовал Bootstrap3 Dialog

Импорт необходимых файлы для вашего проекта. И

function sendRequest(id) 
    { 
     BootstrapDialog.confirm('Are you sure you want to continue?', function(result){ 
       if(result) { 
        //Send Ajax Request 
       } 
      }); 
    } 

Дополнительная информация: https://nakupanda.github.io/bootstrap3-dialog/