完美解决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("<br/>"XMLHttpRequest.status);

$("div").append("<br/>"XMLHttpRequest.readyState);

$("div").append("<br/>"XMLHttpRequest.responseText);

}

或：

$("div").ajaxError(function(event,request, settings){

$(this).append("<li>出错页面:" + settings.url + "</li>");

});

取得错误相关信息,以进行分析.

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

本文地址：https://idc91.com/wangluobiancheng/40.html