|
一、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> （编辑：河北网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
