完美解决ajax跨域请求下parsererror的错误
时间:2017-11-22 16:40:09|栏目:AJAX|点击: 次
ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错,
在很多时候,即使ajax提交、返回都正常
XMLHttpRequest.status=200 (正常响应)
XMLHttpRequest.readyState=4 (正常接收)
ajax也会提示一个parseerror的错误.
出现这个错误,大都是不良书写习惯,或者语法不当造成的.
关于ajax的错误,请使用:
error:function(XMLHttpRequest, textStatus, errorThrown){
$("div").html(textStatus);
$("div").append("
"XMLHttpRequest.status);
"XMLHttpRequest.status);
$("div").append("
"XMLHttpRequest.readyState);
"XMLHttpRequest.readyState);
$("div").append("
"XMLHttpRequest.responseText);
"XMLHttpRequest.responseText);
}
或:
$("div").ajaxError(function(event,request, settings){
$(this).append("出错页面:" + settings.url + " ");
});
取得错误相关信息,以进行分析.
textStatus返回除了得到null,"timeout", "error", "notmodified" 和 "parsererror"。
XMLHttpRequest对象可以使用status,readyState,responseText等属性取得HTTP代码,处理状态和服务器返回的文字内容.
在使用ajax,以及相关应用开发过程中,一定要按标准写程序,可以减少出错的机率.
这个标准包括语法,数据格式,标点符号等.
ajax跨请求中,如果data为空,请使用;
data:"{}",
ajax处理服务器返回Json格式数据时,如果采用$.parseJSON()方式,
那么服务器返回的Json数据格式,一定按标准Json格式书写,
对字符而言必须用双引号代替单引号包围,数值,布尔类型,null不用,
这点主要在一些老的jquery版本上发生单引号,双引号的不同而出现错误提示.
ajax跨域请求(jsonp)中,服务端返回数据格式必须是:
myCallbackFunction({"id":1,"name":"C#","is_familiar":true});
请注意这个函数最后的分号";",必须加上,
否则,如果同一个页面有多个ajax请求,并且在数据没有返回时,再发出其它ajax请求时,
有可能出现parsererror出错提示.
这种错误很隐敝,在开发时,不容易发现,在并发测试时,就很容易暴露出.
栏 目:AJAX
本文标题:完美解决ajax跨域请求下parsererror的错误
本文地址:http://www.ziyuanwuyou.com/html/chengxusheji/AJAX/40.html
您可能感兴趣的文章
- 12-19从入门到精通:Ajax异常处理全教程分享给大家!
- 12-19高效应对Ajax加载失败的五种方法介绍
- 12-19网页开发必备技能:Ajax异常处理方法详解
- 12-19Ajax异常处理实战经验分享与总结
- 12-19掌握这些技巧,不再害怕Ajax请求失败问题!
- 12-19初学者也能轻松掌握的Ajax异常处理方法分享
- 12-19Ajax请求失败的原因分析及处理方法探讨
- 12-19Ajax错误处理的五大常见方法解析
- 12-19如何优雅地解决Ajax请求失败问题?一篇文章告诉你!
- 12-19Ajax异常处理全攻略:从入门到精通
阅读排行
推荐教程
- 12-19Ajax使用方法详解:打造高效的前端应用
- 12-19前端开发必备技能:Ajax的使用方法详解及案例分析!
- 12-19从零开始学习Ajax使用方法,让你成为前端开发高手!
- 12-19Ajax错误处理的三大法宝揭秘
- 12-19Ajax使用手册:从入门到精通
- 12-19Ajax请求异常,这样处理更高效!
- 12-19Ajax使用技巧大解密,提升你的开发水平
- 12-19前端开发利器Ajax:详细解析使用方法及案例实战
- 12-19Ajax技术全解析:从入门到精通的使用方法和最佳实践!
- 12-19Ajax使用心得分享:前端开发必备技能