Question

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

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

HERE POPUP MODAL（是/否）

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

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

将必要的文件导入项目。并且

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中创建确认框（模态弹出窗口）？

3 个答案: