當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

2-jQuery - AJAX load() 方法【进阶篇】

發(fā)布時(shí)間：2023/12/10 编程问答 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 2-jQuery - AJAX load() 方法【进阶篇】小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

第一篇的AJAX load() 方法過于簡單，補(bǔ)充一下，完整的。

格式

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

源碼

<!DOCTYPE html> <html><head><meta charset="utf-8" /><script type="text/javascript" src="js/jquery-2.1.4.min.js"></script><title></title><style type="text/css">#dsh{width: 100%; height: 100px; border: red solid 1px;}</style></head><body><div id="dsh"></div><input type="button" id="actions" value="執(zhí)行" onclick="ajx()"/><script type="text/javascript">function ajx(){$("#dsh").load("file/xyj.txt",//加載的內(nèi)容的URL msg//執(zhí)行加載后執(zhí)行的函數(shù)，即回調(diào)函數(shù)callback )}function msg(responseTxt,statusTxt,xhr){if(statusTxt=="success"){alert("狀態(tài):"+statusTxt+'\n'+"內(nèi)容:"+responseTxt);}if(statusTxt=="error"){alert("狀態(tài):"+statusTxt+'\n'+"錯(cuò)因: "+xhr.status+'\n'+"內(nèi)容: "+xhr.statusText);}}/*說明：$(selector).load(URL,data,callback);必需的 URL 參數(shù)規(guī)定您希望加載的 URL。可選的 data 參數(shù)規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合。可選的 callback 參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱。msg為可選的 callback 參數(shù)規(guī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)。回調(diào)函數(shù)可以設(shè)置不同的參數(shù)：responseTxt - 包含調(diào)用成功時(shí)的結(jié)果內(nèi)容statusTXT - 包含調(diào)用的狀態(tài)xhr - 包含 XMLHttpRequest 對象*/</script></body> </html>

如果成功則彈出

如果我故意把加載路徑填錯(cuò)，即讓其找不到加載文件，則會(huì)彈出

轉(zhuǎn)載于:https://www.cnblogs.com/dshvv/p/5369871.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的2-jQuery - AJAX load() 方法【进阶篇】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。