Jaz*_*azz 5 javascript ajax jquery
在我们的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
Run Code Online (Sandbox Code Playgroud)
所以我可以看到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
Run Code Online (Sandbox Code Playgroud)
使用这个不同的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
Run Code Online (Sandbox Code Playgroud)
在测试3和4中,我还在应用程序日志中看到请求,500状态代码和结果异常,而测试2中没有记录行(失败的情况).因此,测试3和4表明请求路径不存在不是问题,因为当请求路径不存在时,错误消息包含500状态代码,并且readyState仍然设置为4.并且它们还证明它是不是下划线被禁止的问题.
我已经搜索了jQuery关于该ajax()方法的文档,我找不到任何帮助,所以... javascript/jQuery大师,我把这个留给你:这是什么关于一个URL可能导致jQuery AJAX请求在它甚至之前失败发送?更重要的是,我该如何解决这个问题呢?