Jquery Ajax Error 调试错误的技巧
JQuery使我们在开发Ajax应用程序的时候提高了效率,减少了许多兼容性问题,我们在Ajax项目中,遇到ajax异步获取数据出错怎么办,我们可以通过捕捉error事件来获取出错的信息。
在没给大家介绍正文之前先给分享Jquery中AJAX参数详细列表:
this;//theoptionsforthisajaxrequest
}
this;//theoptionsforthisajaxrequest
}
String
//通常情况下textStatus和errorThown只有其中一个有值
this;//theoptionsforthisajaxrequest
}
//datacouldbexmlDoc,jsonObj,html,text,etc...
this;//theoptionsforthisajaxrequest
}
jquery中ajax的常用用法类似于:
JScript代码
$(document).ready(function(){ jQuery("#clearCac").click(function(){ jQuery.ajax({ url:url, type:"post", data:{id:'0'}, dataType:"json", success:function(msg){ alert(msg); }, error:function(XMLHttpRequest,textStatus,errorThrown){ alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); }, complete:function(XMLHttpRequest,textStatus){ this;//调用本次AJAX请求时传递的options参数 } }); }); });
当通过ajax异步调用成功时,会调用success函数。success函数语法为:
//请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态 function(data,textStatus) { //datacouldbexmlDoc,jsonObj,html,text,etc... this; //theoptionsforthisajaxrequest } 当通过ajax异步调用出错时,会调用error函数。error函数语法为: //(默认:自动判断(xml或html))请求失败时调用时间。参数有以下三个:XMLHttpRequest对象、错误信息、(可选)捕获的错误对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是"timeout","error","notmodified"和"parsererror"。 //textStatus:"timeout","error","notmodified"和"parsererror"。 error:function(XMLHttpRequest,textStatus,errorThrown) { }
error事件返回的第一个参数XMLHttpRequest:
XMLHttpRequest.readyState:状态码的意思
0-(未初始化)还没有调用send()方法
1-(载入)已调用send()方法,正在发送请求
2-(载入完成)send()方法执行完成,已经接收到全部响应内容
3-(交互)正在解析响应内容
4-(完成)响应内容解析完成,可以在客户端调用了
发送error可能有下面两张引起的,或者其他程序问题,需要我们认真仔细。
1、data:"{}",data为空也一定要传"{}";不然返回的是xml格式的。并提示parsererror.
2、parsererror的异常和Header类型也有关系。及编码header('Content-type:text/html;charset=utf8');
以上内容是小编给大家分享关于JqueryAjaxError调试错误的技巧,希望大家喜欢。