javascript - 在 JQuery ajax beforeSend 中调用模态对话框收集一些信息

Question

我正在使用 bootstrap 和 JQuery。我想知道在 '$.ajax beforeSend' 中进行 ajax 调用之前是否可以调用 Bootstrap 模式对话框？我想在提交表单之前收集用户评论。我的页面上有几个按钮需要这种行为。所以，我想让它更通用。

谢谢

Answer 1

我建议使用 jQuery 的 Deferred对象(参见 http://api.jquery.com/category/deferred-object/ )。以下是按钮事件处理程序的伪代码:

$('#theButton').on('click', function() {
    var dfd = $.Deferred();

    // Code to show modal dialog here.
    // Pass dfd to the dialog, and have it call dfd.resolve() 
    // when the user has finished, or dfd.reject() in case the
    // user does not complete the form.

    dfd.done(function() {
        // Ajax call here
    });
});

传递给 dfd.done() 的函数因为只有当有人调用 resolve() 时，参数才会被调用Deferred 对象上的方法。