在使用jQuery ajax方法提交表单之前,如何显示确认对话框？

Question

我正在使用jquery ajax从表中删除客户.在提交表格之前如何显示确认框？我最好喜欢使用jQuery的对话框.

我以前见过这样的问题,但没有一个有帮助.

这是我的代码:

    $.ajax({
        type: "POST",
        url: "delete/process.php",
        data: "delcustomerid="+ delcustomerid,
        success: refreshTable
    });

Answer 1

在AJAX功能有一个beforeSend事件,您可以使用提交表单前显示对话框.

如果对话框指示不应提交表单,那么您将从函数返回false,以便不会提交表单.

在您的情况下,您将执行以下操作:

$.ajax({ 
    beforeSend: function (request) {
        // This is where you show the dialog.
        // Return false if you don't want the form submitted.
    },

    type: "POST", 
    url: "delete/process.php", 
    data: "delcustomerid="+ delcustomerid, 
    success: refreshTable 
});

如果您正在为表单发布一个POST(看起来像你),我强烈建议您查看jQuery表单插件,因为它简化了通过AJAX调用提交表单的过程,并且使用了所有调用相同的参数ajax.