一次简单jq的ajax请求数据报错的问题,跨域请求一直返回Error(parsererror)

第一次做的时候,直接复制网上的ajax请求方法

 "type" : "POST",  

 "contentType" : "application/json",  

"url" : '',  

  "dataType" : "json",   

 "data" : JSON.stringify(parm), //以json格式传递 

一直请求不到数据,永远是跑到error方法里面去。。。继续百度;百度到下面把错误打出来看看

在error方法里面打印

error: function(XMLHttpRequest, textStatus, errorThrown) {

        alert(XMLHttpRequest.status);//提示200,

        alert(XMLHttpRequest.readyState);//提示4,

        alert(textStatus);//提示parsererror

        layer.msg("提交失败!", {icon: 5});

得知错误,继续百度,说是我的数据格式不对,去掉datatype(其实不是去掉datatype,后来研究结果是这个是后台返回数据格式定义)

按照去掉了,还是不行,索性把contenttype也去掉,终于可以了。。。撒花~

代码终于做好了。

回头我认真百度了一番,得出结论是

contenttype是定义表单提交的数据的格式,由于我之前是用serialize()序列化表单,数据格式application/x-www-form-urlencoded没有转换的,

然而我却用application/json格式提交,显然不对了。一般默认不定义就是application/x-www-form-urlencoded就可以的。

总结就是:

contenttype:application/x-www-form-urlencoded(默认,非json格式提交);

 contenttype:application/json(json格式数据提交)。


后面百度出一个很好的博客写的总结,再次引用,如有侵权联系我删除。

ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错,

在很多时候,即使ajax提交、返回都正常

XMLHttpRequest.status=200  (正常响应)

XMLHttpRequest.readyState=4 (正常接收)

ajax也会提示一个parseerror的错误.

出现这个错误,大都是不良书写习惯,或者语法不当造成的.

关于ajax的错误,请使用:

[javascript]

error:function(XMLHttpRequest, textStatus, errorThrown){  

$("div").html(textStatus);  

$("div").append("
"XMLHttpRequest.status);  

$("div").append("
"XMLHttpRequest.readyState);  

$("div").append("
"XMLHttpRequest.responseText);  

}  

或:

[javascript] 

$("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出错提示.

    这种错误很隐敝,在开发时,不容易发现,在并发测试时,就很容易暴露出.

    你可能感兴趣的