Question

我正在做以下事情：

    // Post to the server
    $.ajax({
        type: 'POST',
        url: $("form.edit_item").attr("action"),
        data: $("form.edit_item").serialize(),
        success: function(e) {
        }
    });


$(".edit_item")
    .bind('ajax:loading', function() {
        alert('go');
    })
    .bind('ajax:success', function(data, status, xhr) {
        alert('going');
    })
});

在表格上：

<form accept-charset="UTF-8" action="/xxxxx/18" class="edit_item" id="edit_item_31" method="post"><div

虽然表单发布工作正常但是ajax绑定不起作用。建议？

谢谢

Answer 1

在$.ajax选项中，添加beforeSend处理程序：

  $.ajax({
    type: 'POST',
    url: $("form.edit_item").attr("action"),
    data: $("form.edit_item").serialize(),
    beforeSend: function() {
        alert('go');
    },
    success: function(e) {
        alert('going');
    }
});

Answer 2

您可以绑定到做触发的事件，ajaxSend和ajaxSuccess，如下所示：

$(".edit_item").bind({
  ajaxSend: function() {
    alert('go');
  },
  ajaxSuccess: function() {
    alert('going');
  }
});

这些每个请求的用于批量启动/结束时的警报，将ajaxSend替换为ajaxStart，将ajaxSuccess替换为ajaxStop

jquery绑定到表单提交

2 个答案: