JQuery Load 與 JS
JQuery Load 是一個JQuery的方法,它使得我們可以在不刷新頁面的情況下,從服務器加載HTML內容并將其插入到當前網頁中。我們可以使用jQuery.load()方法來實現。與之相同的,JS也有類似的方法可以做到這一點,但由于JQuery Load 更加容易使用和靈活,因此被更廣泛地使用。
$(selector).load(url,data,function(responseText,statusText,xhr));
load() 方法會從服務器加載數據并把返回的數據放置到指定的元素中。該方法是在 jQuery 庫中的首選方法用于 Ajax 取回數據。
JS中的XMLHttpRequest同樣有類似的功能,它可以請求某個URL的內容,并返回結果。使用XMLHttpRequest必須要創建一個XMLHttpRequest對象,然后使用object.onreadystatechang方法來監聽其狀態,一旦返回的數據準備好了,就會觸發相應的回調函數。
var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4&&xmlhttp.status==200){ document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/ajax/test1",true); xmlhttp.send();
需要注意的是,在使用JQuery Load 的情況下,我們只需要指定要加載的內容的URL和容器元素的選擇器即可,JQuery會將其余的工作傳遞給內部的瀏覽器引擎。而使用JS則需要手動創建XMLHttpRequest對象并進行狀態監聽、回調函數的設置,其復雜程度要高于JQuery Load。
綜上所述,JQuery Load比JS更加易用和簡單,但JS也有可行的方法實現內容加載和更新。