zoukankan      html  css  js  c++  java
  • ajax执行失败原因

    先放一个标准的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       比如返回的是字符串   dataType: 'json',   在服务器上,有时会出现问题,进入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:


    textStatus:错误原因

    null timeout error notmodified parsererror

    errorThrown:(可选)捕获的错误对象
  • 相关阅读:
    英语_词汇_同意辨析
    英语_网站_写作工具
    英语词汇_难词易忘
    IDEA配置技巧 | 去除idea方法形参赋值时的变量提示
    更换Android studio中的SDK和AVD位置
    CSS/CSS3 | P4-选择器优先级权重
    二叉树的性质
    线性表练习
    前插法建立链表
    格式化文件和数据块读写函数
  • 原文地址:https://www.cnblogs.com/sdya/p/8393968.html
Copyright © 2011-2022 走看看