ajax 跳入error的一些原因

前端之家收集整理的这篇文章主要介绍了ajax 跳入error的一些原因前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

先放一个标准的jquery的ajax代码

$.ajax({
        type: 'POST',url: 'getSecondClassification',data: {"sort2": sort2,"sort3":sort3)},dataType: 'json',success: function (sort) {

            $("#noneSelect").remove();

            var optionstring = "";

            for (var i in sort) {
                optionstring += "<option value=\"" + sort[i].classId + "\" >" + sort[i].className + "</option>";
            }
            $("#secondtype").html(optionstring);

            $("#build").removeAttr("disabled");

        },error: function (XMLHttpRequest,textStatus,errorThrown) {
//              $("#p_test").innerHTML = "there is something wrong!";
//                alert(XMLHttpRequest.status);                alert(XMLHttpRequest.readyState);                alert(textStatus);
        }
    });

出现任何错误都会跳到error函数

举例说明一些错误原因:

1.dataType错误

类型错误后台返回的dataType类型和前台写的不一致会跳入error

格式错误:jquery1.4之后对json的格式要求非常严格,json格式错误也会跳入error.{"test":1} 注意格式

有时,在不需要返回值的情况下,扔按模板格式,设置了dataType:"json",参数;这时候,ajax传值正确时,出现200返回成功状态下报错的特殊情况。

2. async请求同步异步问题

async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax,需要把async=false

例如,你用post请求传值到另一个页面后台,但是页面一加载你的ajax就已经执行过了,传值接收是在后台才完成的,这时候就请求不到数据,所以可以考虑把ajax请求改为同步试试。

3. data不能不写

data为空也一定要传"{}";不然返回的是xml格式的。并提示parsererror.data:"{}"

parsererror的异常和Header 类型也有关系。及编码header('Content-type: text/html; charset=utf8');

4. 传递的参数

必须是ajax支持的编码格式

5. URL路径问题

路径不能有中文

用error调试错误信息:

可以alert出来,查看具体是哪里出错了

具体参数:

XMLHttpRequest:XMLHttpRequest.readyState: 状态码的意思
0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用
XMLHttpRequest:XMLHttpRequest.status:
错误原因

 errorThrown:textStatusnulltimeout error notmodified parsererror(可选)捕获的错误对象

本文版权归作者和博客园共有,欢迎转载,但未经作者 (梁素娅) 同意必须保留此段声明,且在文章页面明显位置给出 原文链接

原文链接:https://www.f2er.com/ajax/160555.html

猜你在找的Ajax相关文章