一、Ajax全部进程变乱说明
JQuery在执行Ajax的进程中会触发许多变乱。 这些变乱可以分为两种变乱,一种是局部变乱(Local),一种是全局变乱(Global)。 局部变乱:可以通过$.ajax来挪用,你某一个Ajax哀求不但愿发生全局的变乱,则可以配置global:false。 全局变乱:跟click等变乱相同,可以绑定到到每一个DOM元素上。 这些变乱的凭证变乱的触发次序如下先容:
局部变乱(Local) 全局变乱(Global) ajaxStart 全局变乱 开始新的Ajax哀求,而且此时没有其他ajax哀求正在举办。 beforeSend 局部变乱 当一个Ajax哀求开始时触发。假如必要,你可以在这里配置XHR工具。 ajaxSend 全局变乱 哀求开始前触发的全局变乱。 success 局部变乱 哀求乐成时触发。即处事器没有返回错误,返回的数据也没有错误。 ajaxSuccess 全局变乱 全局的哀求乐成。 error 局部变乱 仅当产生错误时触发。你无法同时执行success和error两个回调函数。 ajaxError 全局变乱 全局的产生错误时触发。 complete 局部变乱 不管你哀求乐成照旧失败,即即是同步哀求,你都能在哀求完成时触发这个变乱。 ajaxComplete 全局变乱 全局的哀求完成时触发。 ajaxStop 全局变乱 当没有Ajax正在举办中的时辰,触发。 注:除了ajaxStart和ajaxStop之外,其他的变乱都有3个参数 event, XMLHttpRequest, ajaxOptions 第一个是变乱,第二个是XHR工具,第三个参数最有效,是其时挪用这个ajax的时辰的参数。 对付ajaxError,尚有第四个参数thrownError,只有当非常产生时才会被转达。
二、Ajax全部进程变乱示例
2.1、HTML代码
<div> <input type="button" onclick="BtnSpareClick();" value="PartEvents" /> <input type="button" onclick="BtnGlobalClick();" value="GlobalEvents" /> </div>
<div id="Result">Result</div> <div id="Process">Process</div>
2.2、Jquery Ajax剧本 局部变乱(Local)实例 全局变乱(Global)实例 <script language="javascript" type="text/javascript"> $.ready(function BtnSpareClick() { $.ajax({ type: "get", url: "http://www.cnblogs.com/windy2008/rss", data: {}, global: false, beforeSend: function(data, status, settings) { $("#Process").text("Part哀求开始前"); alert($("#Process").text()); }, success: function(data, status, settings) { $("item", data).each(function(i, domEle) { $("#Result").append("<div>" + $(domEle).children("title").text() + "</div>"); }); $("#Process").text("Part哀求乐成时"); alert($("#Process").text()); }, complete: function(data, status, settings) { $("#Process").text("Part哀求完成时"); alert($("#Process").text()); }, error: function(data, status, settings) { $("#Process").text("Part哀求错误时"); alert($("#Process").text()); } }); });
</script> <script language="javascript" type="text/javascript">
$.ready(function BtnGlobalClick() { $.get("http://www.cnblogs.com/windy2008/rss", {}, function(data, status, settings)
{ $("item", data).each(function(i, domEle) { $("#Result").append("<div>" + $(domEle).children("title").text() + "</div>"); }); }); $("#Process").ajaxStart(function() { alert($(this).text()); $(this).text("开始新的Ajax哀求"); }); $("#Process").ajaxStop(function() { $(this).text("当没有Ajax正在举办中的时辰"); alert($(this).text()); }); $("#Process").ajaxSend(function() { $(this).text("哀求开始前"); alert($(this).text()); }); $("#Process").ajaxSuccess(function() { $(this).text("哀求乐成"); alert($(this).text()); }); $("#Process").ajaxComplete(function() { $(this).text("哀求完成时"); alert($(this).text()); }); $("#Process").ajaxError(function() { $(this).text("哀求错误时"); alert($(this).text()); }); }); </script> (编辑:河北网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|