當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間：2023/12/10 编程问答 30 豆豆

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

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

格式

$(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="執行" onclick="ajx()"/><script type="text/javascript">function ajx(){$("#dsh").load("file/xyj.txt",//加載的內容的URL msg//執行加載后執行的函數，即回調函數callback )}function msg(responseTxt,statusTxt,xhr){if(statusTxt=="success"){alert("狀態:"+statusTxt+'\n'+"內容:"+responseTxt);}if(statusTxt=="error"){alert("狀態:"+statusTxt+'\n'+"錯因: "+xhr.status+'\n'+"內容: "+xhr.statusText);}}/*說明：$(selector).load(URL,data,callback);必需的 URL 參數規定您希望加載的 URL。可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。可選的 callback 參數是 load() 方法完成后所執行的函數名稱。msg為可選的 callback 參數規定當 load() 方法完成后所要允許的回調函數。回調函數可以設置不同的參數：responseTxt - 包含調用成功時的結果內容statusTXT - 包含調用的狀態xhr - 包含 XMLHttpRequest 對象*/</script></body> </html>

如果成功則彈出

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

轉載于:https://www.cnblogs.com/dshvv/p/5369871.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。