第一次做的时候,直接复制网上的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出错提示.
这种错误很隐敝,在开发时,不容易发现,在并发测试时,就很容易暴露出.
网友评论