Warning: date(): Invalid date.timezone value 'HKT', we selected the timezone 'UTC' for now. in /home/mrgcom/public_html/catalog/controller/common/footer.php on line 48 jQuery AJAX 11

The One 专一

jQuery AJAX load() 11

<pre>

jQuery load()方法

$(selector).load(URL,data,callback);

可选,data,callback

回调函数可以设置不同的参数

responseTxt - 包含调用成功时的结果内容

statusTXT - 包含调用的状态

xhr - 包含XMLHttpRequest对象


</pre>

<button type="button" class="btn1">Click1</button>

<button type="button" class="btn2">Click2</button>

<button type="button" class="btn3">Click3</button>

<script type="text/javascript">

$(document).ready(function(){

$(".btn1").click(function(){

var txt1 = document.createElement("p");

$(txt1).attr('class',"txt1");

$("pre").after(txt1);

$(txt1).load("ajax.txt");

});

$(".btn2").click(function(){

var txt2 = document.createElement("p");

$(txt2).addClass("txt2");

$("pre").before(txt2);

$(txt2).load("ajax.txt #pl");

});

$(".btn3").click(function(){

var txt3 = document.createElement("p");

$(txt3).addClass("txt3");

$(txt3).load("ajax.txt",function(responseTxt,statusTxt,xhr){

if(statusTxt == "success"){

var text3 =  "加载成功|" + responseTxt + "|" + statusTxt + "|" + JSON.stringify(xhr);

$("pre").append(text3);

//alert("加载成功|" + responseTxt + "|" + statusTxt + "|" + JSON.stringify(xhr));

}

if(statusTxt == "error"){

var text3 =  "加载成功|" + responseTxt + "|" + statusTxt + "|" + JSON.stringify(xhr);

$("pre").append(text3);

//alert("Error: " + xhr.status + ": " + xhr.statusText);

}

});

//$("pre").prepend(txt3);

});

});


</script>

上面xhr是对象可以通过 JSON.stringify(xhr) 显示出来

callback,function(responseTxt,statusTXT,xhr)这里参数如下:

responseTxt - 包含调用成功时的结果内容

statusTXT - 包含调用的状态

xhr - 包含XMLHttpRequest对象

另外jQuery还有一个同名的函数 load()

定义和用法

当指定的元素(及子元素)已加载时,会发生 load() 事件。

该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)。

根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。

注释:还存在一个名为 load() 的 jQuery Ajax 方法,根据不同的参数而定。

语法

$(selector).load(function)

Powered By 爱你若晴天
身体健康 © 2017 粤ICP备14081548号-1

Article

Shopping

Search

Me