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

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

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

出售

此处弹出模式（是/否）

当用户确认后，应该会发生这种情况

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

函数sendRequest（id）
{
var请求=
{
“itemId”：id
};
$.ajax({
url:“/It/Sell”，
数据：JSON.stringify（请求），
键入：“POST”，
数据类型：“html”，
contentType:'application/json；charset=utf-8'，
错误：函数（err）{
警报（“错误：”+错误状态文本）；
},
成功：功能（结果）{
$（'#Table'）.html（结果）；
},
async:true，
processData:false
});
};

看一看。它应该能够解决您的问题。

如果您希望有一个简单实现的好模式确认框，我建议您使用Bootstrap3对话框

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
    });
}

将必要的文件导入到项目中。及

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

更多信息：

可能重复的