jQuery load 成功的方法
jQuery load 方法是一個(gè)簡便的異步加載文本或 HTML 的方法。
jQuery load 方法的語法如下:
$(selector).load(url[, data][, complete]);
其中,參數(shù) url 是必須要提供的,表示要加載的 URL地址。而參數(shù) data 和 complete 是可選的。
下面是一個(gè)簡單的例子,演示如何使用 jQuery load 方法:
$(document).ready(function(){ $("button").click(function(){ $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("外部內(nèi)容加載成功!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); }); }); });
這個(gè)例子中,我們在點(diǎn)擊按鈕時(shí),加載了一個(gè)名為 demo_test.txt 的外部文本文件到 id 為 div1 的 div 元素中。
在這個(gè) load 方法中,我們還傳遞了一個(gè)回調(diào)函數(shù),它在成功或失敗時(shí)被調(diào)用,用來檢查加載是否成功。如果加載成功,它將顯示一個(gè)警告框,內(nèi)容為“外部內(nèi)容加載成功!”;如果加載失敗,它將顯示一個(gè)警告框,內(nèi)容為“Error: status: statusText”。
這就是一個(gè)簡單的 jQuery load 方法的示例。當(dāng)然,在實(shí)際開發(fā)中,你可以更進(jìn)一步學(xué)習(xí) jQuery 的其他方法和技術(shù),以更好地完成你的工作。