javascript - 远程自动完成的错误处理不起作用

Question

我有这个 jquery 自动完成代码。一切正常，数据已加载等。成功正在工作。但是当我有错误时...错误处理在下面的代码中不起作用。

 $("#autocomplete").on("filterablebeforefilter", function (e, data) {

      if (value && value.length > 0) {
        //$ul.listview("refresh");
             $('.ui-responsive-panel').enhanceWithin();
             $.ajax({
                       type: "GET",
                       url: "http://domain.com/food.php",
                       dataType: "jsonp",
                       crossDomain: true,
                       data: $(this).serialize(),
                       success: function (data) {
                            alert("success");
                       },
                       error: function () {
                             alert("an error occurred!");
                       },
                       beforeSend: function () {
                            // This callback function will trigger before data is sent
                       },
                       complete: function () {
                            setTimeout(function () {}, 1);
                       }
                     })
                     .then(function (response) {
                             $.each(response, function (i, val) {
                                 //do something with data
                             });
                         }
                 });

Answer 1

正如 jQuery 文档所述 jQuery.ajax错误处理函数:

Note: This handler is not called for cross-domain script and cross-domain JSONP requests.

这与 JSONP 技术有关，其中实际请求被注入(inject)为 <script>标签。因此，包含 ajax 错误事件的标准 jqXHR 对象不可用。有一些插件可以作为解决方法。例如讨论了这个插件和处理网络超时的解决方案。在 this和 this堆栈溢出问题。