场景重现
通过$.ajax()发起的跨越请求代码如下:
$.ajax({
dataType: "JSONP",type: "GET",url: "http://...",data: {},success: function(data,textStatus){
// 这里什么都没处理,写了也没反应.
},error: function(xhr,textStatus,ex){
console.log(textStatus);
console.log(ex);
}
});
发起 ajax 跨域请求后...
// Firefox 控制台下总是输出 SyntaxError: missing ; before statement
咋一看SyntaxError我还以为是我代码哪里写漏了,检查过后,代码没问题.
同时把完整的请求,直接扔到浏览器地址栏里访问,响应是正常的.
但是在上面的代码中,死活不执行success对应的函数.
同时error对应的函数输出如下:
parsererror Error: jQuery111209138057178219225_1496905174485 was not called 堆栈跟踪： error@http://localhost:5903/js/jquery/jquery-1.11.2.min.js:2:1809 b.converters["script json"]@http://localhost:5903/js/jquery/jquery-1.11.2.min.js:4:27729 Pc@http://localhost:5903//js/jquery/jquery-1.11.2.min.js:4:18329 x@http://localhost:5903/js/jquery/jquery-1.11.2.min.js:4:21743 send/b.onreadystatechange@http://localhost:5903/js/jquery/jquery-1.11.2.min.js:4:27017
错误原因
初步怀疑是接口提供方没有处理跨域请求,没有把处理结果包含到JSONP中对应的回调函数中再返回,而是直接返回了 JSON 格式的处理结果.
解决办法
Todo:待我试试通过转发的方式能否解决...