欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

处理ajax跨域请求parsererror错误

程序员文章站 2022-03-29 15:11:48
...
这次给大家带来处理ajax跨域请求parsererror错误,处理ajax跨域请求parsererror错误的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

XMLHttpRequest.status=200 (正常响应)

XMLHttpRequest.readyState=4 (正常接收)

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

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

关于ajax的错误,请使用:

error:function(XMLHttpRequest, textStatus, errorThrown){
   $("p").html(textStatus);
   $("p").append("<br/>"XMLHttpRequest.status);
   $("p").append("<br/>"XMLHttpRequest.readyState);
   $("p").append("<br/>"XMLHttpRequest.responseText);
}

或:

$("p").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怎样实现bootstrap模态框分页查询功能

Ajax跨域访问时Cookie丢失怎么解决

以上就是处理ajax跨域请求parsererror错误的详细内容,更多请关注其它相关文章!