0

我想为使用不显眼的 ajax 的特定表单挂钩 ajax 回调。使用不显眼的 ajax 的这种标准形式的 ajax 调用没有问题：

<form action="/xyz" data-ajax="true" data-ajax-method="POST" id="someformid" method="post">
    <input type="text" name="bla" />
    <button>submit</button>
</form>

我的第一种方法是：

var form = $("#someformid");
$(document).ajaxComplete(function (e, request, options) {
    // is not hitting here
});

但这似乎不起作用。这种方法会命中处理程序，但不仅仅是针对所需的形式。但是对于所有 ajaxComplete 事件。

var form = $("#someformid");
form.submit(function (eevent) {
    $(document).ajaxComplete(function (e, request, options) {
        // this hits ok. but not just for this form
    });
});

下一个选项是使用“data-ajax-success”。但这似乎并没有提供表单上下文。

所以问题是：我如何只为一种形式专门连接一个 ajaxComplete 事件。

注意： 我想避免像匹配 url 或向查询中添加一些唯一 id 之类的解决方法。

谢谢！

4

1 回答 1

0

从.ajaxComplete()文档：

从 jQuery 1.8 开始，.ajaxComplete() 方法只能附加到文档。无论完成了什么 Ajax 请求，都会调用所有 ajaxComplete 处理程序。如果您必须区分请求，请使用传递给处理程序的参数。每次执行 ajaxComplete 处理程序时，都会传递事件对象、XMLHttpRequest 对象和用于创建请求的设置对象。例如，您可以将回调限制为仅处理处理特定 URL 的事件：

所以，我读这篇文章的方式是，如果你知道你将运行一个特定的 URL（你的 php 处理脚本），那么你可以在设置中将该 URL 传递给.ajaxComplete()方法......（在你的情况下，“/ xyz")

$( document ).ajaxComplete(function( event, xhr, settings ) {
  if ( settings.url === "/xyz" ) {
    $( ".log" ).text( "Triggered ajaxComplete handler. The result is " +
      xhr.responseHTML );
  }
});
于 2013-08-15T10:56:58.143 回答