场景重现
通过$.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:待我试试通过转发的方式能否解决...