亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery中ajax的load()方法用法實(shí)例

 更新時間:2014年12月26日 14:25:42   投稿:shichen2014  
這篇文章主要介紹了jQuery中ajax的load()方法用法,以實(shí)例形式較為詳細(xì)的分析了load()方法的功能、參數(shù)及使用技巧,是非常實(shí)用的技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery中ajax的load()方法用法。分享給大家供大家參考。具體分析如下:

此函數(shù)jQuery中簡單而功能強(qiáng)大的ajax方法。
它可以從服務(wù)器加載內(nèi)容,然后寫入匹配元素。
語法結(jié)構(gòu):

復(fù)制代碼 代碼如下:
$(selector).load(URL,data,callback);

參數(shù)解析:

1.selector:一個選擇器,可以將內(nèi)容加載到此選擇器匹配的元素中。
2.URL:必須,需要加載的一個url地址。
3.data:可選,與請求一同發(fā)送的查詢字符串鍵/值對集合。
4.callback:可選,load()函數(shù)執(zhí)行完畢后要執(zhí)行的函數(shù),也即是一個回調(diào)函數(shù)。

代碼實(shí)例:

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://chabaoo.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#bt").click(function(){
    $("#thediv").load("mytest/demo/antzone.txt");
  })
})
</script>
</head>
<body>
<div id="thediv"></div>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>

以上代碼實(shí)現(xiàn)了我們的要求,可以將文本文件中的內(nèi)容寫入div元素中。

callback回調(diào)函數(shù):

回調(diào)函數(shù)可以具有三個參數(shù),下面介紹一下三個參數(shù)的作用:

1.responseTxt:包含調(diào)用成功時的結(jié)果內(nèi)容。
2.statusTXT:包含調(diào)用的狀態(tài)。
3.xhr:XMLHttpRequest對象。

代碼實(shí)例:

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://chabaoo.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#bt").click(function(){
    $("#thediv").load("antzone.txt",function(responseTxt,statusTxt,xhr){
      if(statusTxt=="success"){
        alert("內(nèi)容加載成功!");
      } 
      if(statusTxt=="error"){
        alert("錯誤:"+xhr.status+":"+xhr.statusText);
      } 
    });
  });
})
</script>
</head>
<body>
<div id="thediv"></div>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>

以上代碼實(shí)現(xiàn)可以彈出錯誤提示,因?yàn)槁窂讲徽_,找不到文件。

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

相關(guān)文章

最新評論