美文网首页
一次简单jq的ajax请求数据报错的问题,跨域请求一直返回Err

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

作者: 亚妮先森 | 来源:发表于2018-01-08 15:49 被阅读1748次

    第一次做的时候,直接复制网上的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("

  1. 出错页面:" + settings.url + "
  2. ");  

    });  

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

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

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

    相关文章

      网友评论

          本文标题:一次简单jq的ajax请求数据报错的问题,跨域请求一直返回Err

          本文链接:https://www.haomeiwen.com/subject/tjebnxtx.html