jQuery ajax返回parsererror
2016-03-09 12:32
645 查看
调用jQuery ajax方法,返回状态码200,但总是不跳入success,而是进入error函数,并且返回parsererror
例如:
function dodelete() {
var rname = $(":checked").val();
bootbox.confirm("确定要删除吗", function(result) {
if (result) {
$.ajax({
type : "get",
url : "${ctx}/rediscluster/delete.do",
data : {rname:rname},
contentType : "application/json",
dataType:"text",
success : function(data) {
alert(data);
if(data == 'OK'){
window.location = "${ctx}/system/redis/nodesmanager.jsp";
}
},
error: function (XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest); //返回值
alert(XMLHttpRequest.status); //返回200
alert(textStatus); //返回错误parsererror
alert(errorThrown); //返回错误Unexcepted token ...
}
});
}
});
}
原因是:在jQuery中ajax请求方法返回的时候,会去解析返回的值,企图将返回值解析为文本,例如responseXML,或者responseText。弹出parsererror的原因是类型的问题,也就是说可能是返回类型出问题了。是后台返回的数据类型和设置的dataType返回类型不一致造成的。
在返回二进制数据的时候,如果请求的数据为二进制数据(例如图片),jQuery就会报parsererror的错。其实这也不算是jQuery的Bug,因为XMLHTTPRequest的API原本就是为了处理纯文本形式的数据,但纯文本数据本身也是二进制的,XMLHTTPRequest是可以请求二进制数据的。
将dataType: "binary"设置成binary就可以了。
例如:
function dodelete() {
var rname = $(":checked").val();
bootbox.confirm("确定要删除吗", function(result) {
if (result) {
$.ajax({
type : "get",
url : "${ctx}/rediscluster/delete.do",
data : {rname:rname},
contentType : "application/json",
dataType:"text",
success : function(data) {
alert(data);
if(data == 'OK'){
window.location = "${ctx}/system/redis/nodesmanager.jsp";
}
},
error: function (XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest); //返回值
alert(XMLHttpRequest.status); //返回200
alert(textStatus); //返回错误parsererror
alert(errorThrown); //返回错误Unexcepted token ...
}
});
}
});
}
原因是:在jQuery中ajax请求方法返回的时候,会去解析返回的值,企图将返回值解析为文本,例如responseXML,或者responseText。弹出parsererror的原因是类型的问题,也就是说可能是返回类型出问题了。是后台返回的数据类型和设置的dataType返回类型不一致造成的。
在返回二进制数据的时候,如果请求的数据为二进制数据(例如图片),jQuery就会报parsererror的错。其实这也不算是jQuery的Bug,因为XMLHTTPRequest的API原本就是为了处理纯文本形式的数据,但纯文本数据本身也是二进制的,XMLHTTPRequest是可以请求二进制数据的。
将dataType: "binary"设置成binary就可以了。
相关文章推荐
- jquery.lazyload.js图片延迟加载(懒加载)--转载
- 用原生JS模仿jquery,需要HTML5的支持
- JQuery Mobile实现导航栏和页脚
- jquery实现图片缩小放大的切换
- jQuery UI插件之datepicker的自定义设置
- JQuery随心笔记----JQuery对象和DOM对象的相互转换
- jquery jqGrid翻页记录原来数据并勾选已选择的数据
- Jquery.Datatables 导出excel
- jquery 清除动画队列不疑惑
- jquery自学(二)----(字典向,可供方法忘记时查询)
- jQuery实时刷新显示数据
- jQuery Validate 插件
- jQuery 事件 - live() 方法
- 使用jQuery和CSS自定义HTML5 Video 控件 简单适用
- 近20个绚丽实用的jQuery/CSS3侧边栏菜单
- jQuery学习基础总结
- jquery实现文本框textarea自适应高度
- jQuery .attr() .prop() .data()用法详解
- jquery.paginate.js 分页插件的使用
- HTML5开发移动web应用—JQuery Mobile(2)-导航栏和页脚