jQuery中ajax的load()方法用法實(shí)例
本文實(shí)例講述了jQuery中ajax的load()方法用法。分享給大家供大家參考。具體分析如下:
此函數(shù)jQuery中簡單而功能強(qiáng)大的ajax方法。
它可以從服務(wù)器加載內(nèi)容,然后寫入匹配元素。
語法結(jié)構(gòu):
參數(shù)解析:
1.selector:一個選擇器,可以將內(nèi)容加載到此選擇器匹配的元素中。
2.URL:必須,需要加載的一個url地址。
3.data:可選,與請求一同發(fā)送的查詢字符串鍵/值對集合。
4.callback:可選,load()函數(shù)執(zhí)行完畢后要執(zhí)行的函數(shù),也即是一個回調(diào)函數(shù)。
代碼實(shí)例:
<!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í)例:
<!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)文章
jquery3和layui沖突導(dǎo)致使用layui.layer.full彈出全屏iframe窗口時高度152px問題
這篇文章主要介紹了解決jquery3和layui沖突導(dǎo)致使用layui.layer.full彈出全屏iframe窗口時高度152px問題,需要的朋友可以參考下2019-05-05jQuery下實(shí)現(xiàn)等待指定元素加載完畢(可改成純js版)
下面就是我想到的等待元素出現(xiàn)方法,雖然是基于jQuery的,但是代碼很簡潔,可以修改成純js版的,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-07jQuery?在圖片和文字中插入內(nèi)容實(shí)例
jQuery是一種流行的JavaScript庫,可以輕松地在網(wǎng)頁中插入圖片和文字。通過使用jQuery的插入功能,您可以在網(wǎng)頁上動態(tài)地添加內(nèi)容,從而提高用戶體驗(yàn)。本文將介紹如何使用jQuery在圖片和文字中插入內(nèi)容,并提供一些實(shí)用的代碼示例。2023-06-06基于jquery實(shí)現(xiàn)的鼠標(biāo)滑過按鈕改變背景圖片
基于jquery實(shí)現(xiàn)的鼠標(biāo)滑過按鈕改變背景圖片,發(fā)現(xiàn)用CSS用時IE6不兼容,所以就用見JQ實(shí)現(xiàn)。2011-07-07jQuery Easyui DataGrid點(diǎn)擊某個單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開后保存數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui DataGrid點(diǎn)擊某個單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開后保存數(shù)據(jù)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08jquery中交替點(diǎn)擊事件toggle方法的使用示例
jquery中交替點(diǎn)擊事件toggle方法中有兩個參數(shù),分別是要交替執(zhí)行的事件。如果不傳參默認(rèn)是顯示隱藏功能,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12