【发布时间】:2013-01-15 18:25:43
【问题描述】:
我正在尝试发出 JSONP 请求以允许跨域。情况是我的服务器不处理 JSONP 请求,它将此请求理解为 JSON 并返回一个 JSON 对象:{result: 1}
这是我的 ajax 请求:
jQuery.ajax({
type : 'POST',
url : "https://example.com/addUser",
data : {
firstName : 'firstName',
lastName : 'lastName',
email : 'email@yopmail.com'
},
crossDomain : true,
jsonpCallback: "jsonpCallback",
success : function(data) {
alert(data);
},
complete : function(jqXHR, textStatus) {
//can do something here
},
error : function (xhr, textStatus, errorThrown) {
if(errorThrown=="jsonpCallback was not called") {
console.log('caught it!');
}
},
dataType : 'jsonp'
});
来自窗口控制台的读数:
Resource interpreted as Script but transferred with MIME type text/json: "https://example.com/addUser…Name=firstName&lastName=lastName&email=email%40yopmail.com&_=1359646137496".
Uncaught SyntaxError: Unexpected token :
caught it!
正如预期的那样,它抛出了 parseerror 异常,我尝试处理它。但我的问题是,既然浏览器实际上得到了响应{result:1},有没有办法可以解析它?
【问题讨论】:
-
您是否尝试更改数据,例如:
var jsonBuilder = JSON.stringify(data : { firstName : 'firstName', lastName : 'lastName', email : 'email@yopmail.com' });? -
如果服务器不支持 JSONP,你不能向它发出 JSONP 请求。故事结局。唯一的方法是通过服务器上的脚本代理请求。
-
如果您尝试在
complete方法中使用console.logjqXHR.responseText或在error方法中使用xhr.responseText,会发生什么情况? -
没有办法。 JSONP 只是使用动态创建的
script元素包含来自不同 URL 的 JavaScript 文件,例如<script src="some/script"></script>。如果some/script没有返回有效的 JavaScript,那你就倒霉了。 JSON 不是有效的 JavaScript。服务器必须支持 JSONP。也许有帮助:stackoverflow.com/q/2067472/218196 和 stackoverflow.com/q/3076414/218196。 -
@PulkitMittal:你有两个选择。 1) 编辑服务器以输出 JSONP 响应(将 JSON 包装在函数调用中,并使用
text/javascript内容类型),或 2) 向该页面所在的同一服务器发出 JSON (AJAX) 请求,并且使用代理脚本从其他服务器获取 JSON。
标签: javascript jquery ajax cross-domain jsonp