ajax:beforeSend 被任何 ajax 调用触发

Question

我正在尝试将 ajax:beforeSend、ajax:error 和 ajax:complete 绑定到远程提交的 Rails 表单中。

我尝试使用委托、绑定、实时等，但我仍然面临同样的问题。

$('form#contact_form').bind('ajax:beforeSend', function(evt, xhr, settings) {
  //getItemIds(); added this call on button click
  call();
})
.bind('ajax:error', function(event, request, settings) {
  text();
})
.bind('ajax:complete', function(event, request, settings) {
  phone();
});

我在页面上还有其他锚链接，它们也进行 ajax 调用，但对于任何 ajax 调用，都会调用表单“beforesend”函数。我只想为那个特定的形式调用它。

当我做警报(event.target.id);在 ajaxBeforesend 中，我看到了一个我没有绑定 ajax 调用的元素的 id

I am targeting only a specific form so how that before send be triggered for other links? Can anyone tell what is that i am doing wrong, Thanks.

NOTE: When i commented out the jquery_ui.js this behaviour stopped happening. Is is some conflict issue, Please help.

Answer 1

您将表单绑定到可能发生的任何 ajax 调用，这意味着如果后台中可能使用 ajax 的其他东西会触发您的调用，而不仅仅是您打算捕获的表单。

防止任何东西运行特定于表单的绑定的最佳方法是，在按钮单击时（您没有包含的内容，但我假设您在表单上的某处有一个按钮来操作提交）在按钮上执行此操作单击而不绑定到表单：

$.ajax({
    type: 'POST',
    url: url,
    data: data,
    beforeSend: function() {
        call();
    },
    success: function(data) {
        //something
    },
    error: function(xhr) { // if error occured
        text();
    },
    complete: function() { 
        phone();        
    }
});

如果这没有帮助，请使用更多信息更新您的原始帖子。我真诚地希望这会有所帮助。