jQuery是一種流行的JavaScript庫,它通過簡化DOM操作來提高Web開發的效率。使用jQuery的load()方法可以異步加載HTML內容。它還提供了一個在加載成功時執行的回調函數 success,使操作更加方便。
$.ajaxSetup({ cache: false }); $(document).ready(function(){ $("button").click(function(){ $("#content").load("example.html", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success"){ alert("加載成功!"); } if(statusTxt == "error"){ alert("加載失敗:" + xhr.status + ": " + xhr.statusText); } }); }); });
在上面的例子中,我們定義了一個點擊按鈕事件,它會在 #content 元素中異步加載example.html文件的內容。如果加載成功,將彈出一個提示框。如果加載失敗,則提示錯誤代碼和錯誤信息。
在success回調函數中,我們可以進行額外的操作,例如更新頁面內容、顯示成功提示等等。而在error回調函數中,我們可以進行相應的錯誤處理。這使得我們可以更加靈活地處理請求結果,提高代碼可維護性。
下一篇html300行代碼