5

在我们的 Rails 应用程序中,我们有一个内联编辑功能,可以将 PUT 更改回服务器。PUT 的 URL 会根据正在编辑的对象类型/用户所在的页面而变化,但相同的 JavaScript 支持所有页面上的功能。我遇到了一个问题,即 jQuery 的 AJAX 请求有时会在没有接触服务器的情况下失败,并且除了“错误”之外,它们没有给出任何错误消息。我一直试图在控制台中调试它,但没有成功。极其奇怪的部分是,它似乎是由于传递给的 URL 中的某些$.ajax()内容导致了问题。

在控制台中,这按预期工作:

> errorCallback = function( jqxhr, status, err ){
    console.log( "Ajax call encountered an error: '" + status + "'" );
    console.log( jqxhr );
    console.log( err );
  };
> options = { type: 'PUT', error: errorCallback, data: { cerebro: true, name: 'cerebro-edit-span-2-title', pk: null, value: 'Test' }, url: '/staff/employees/2.json' };
> test1 = $.ajax( options );
> test1.readyState;
  4

所以我可以看到 AJAX 请求正常完成,没有触发错误回调,并且readyState按预期结果为 4。但现在看我是否只更改 URL 的中间部分:

> options.url = '/staff/job_advertisements/2.json';
> test2 = $.ajax( options );
  Ajax call encountered an error: 'error'
  Object {readyState: 0, getResponseHeader: function, ... } // elided for clarity

X PUT http://localhost:3000/staff/job_advertisements/2.json        jquery.js:8527
> test2.readyState;
  0

使用这个不同的 URL,AJAX 调用甚至在到达应用程序服务器之前就失败了!查看开发机器的日志显示,从未发出过任何请求/staff/job_advertisements/2.json——也就是说,问题不可能是由于服务器返回 500 或 404 或其他错误代码,因为服务器甚至没有收到来自浏览器。只是为了证明问题出在客户端,而不是服务器端(并排除它与下划线有关的可能性)我尝试将 URL 设置为应用程序中实际不存在的一些无意义值:

> options.url = '/staff/jobadvertisements/2.json';
> test3 = $.ajax( options );
X PUT http://localhost:3000/staff/jobadvertisements/2.json 500 (Internal Server Error)    jquery.js:8527
  Ajax call encountered an error: 'error'
  Object {readyState: 4, getResponseHeader: function, ... } // elided for clarity

> test3.readyState;
  4
> options.url = '/staff/empl_oyees/2.json';
> test4 = $.ajax( options );
X PUT http://localhost:3000/staff/empl_oyees/2.json 500 (Internal Server Error)    jquery.js:8527
  Ajax call encountered an error: 'error'
  Object {readyState: 4, getResponseHeader: function, ... } // elided for clarity

> test4.readyState;
  4

在测试 3 和 4 中,我还在应用程序日志中看到了请求、500 状态代码和产生的异常,而测试 2 中没有日志行(失败的情况)。所以测试 3 和 4 证明请求路径不存在不是问题,因为当请求路径不存在时,错误消息包含 500 状态代码并且readyState仍然设置为 4。他们还证明它是不允许下划线不是问题。

我已经搜索了有关该方法的 jQuery 文档,但找不到ajax()任何帮助,所以...发送?更重要的是,我该如何解决这个问题?

4

1 回答 1

6

您是否启用了 AdBlock [Plus]?如果是这样,它会静默阻止对包含advertisements. 或者,看起来是这样,_advertisements

于 2013-03-28T21:06:11.237 回答