如何在 asp.net MVC 中创建确认框（模态弹出窗口）？

Question

单击此按钮后如何创建确认框（模式弹出窗口）：

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

这里弹出模式（YES/NO）

当用户确认时，这应该会发生

<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

看过jquery.confirm。应该可以解决你的问题。

Answer 2

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 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/

如何在 asp.net MVC 中创建确认框（模态弹出窗口）？

How to create the confirm box (modal popup) in asp.net MVC?

javascript

asp.net

asp.net-mvc

jquery

modal-dialog