jQuery Load方法是一種異步加載方法,它可以向服務(wù)器請求HTML、XML和純文本等數(shù)據(jù)。這個(gè)方法的使用可以給我們帶來很多方便,下面來介紹一下。
$("#result").load("demo_test.txt");
上面這段代碼演示了Load方法請求本地的demo_test.txt文件,并把返回的HTML插入到ID為result的元素中。
$("#result").load("demo_test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("外部內(nèi)容加載成功!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); });
這段代碼在Load方法中通過回調(diào)函數(shù)獲取請求的狀態(tài),如果請求成功就會(huì)彈出“外部內(nèi)容加載成功!”,如果請求失敗就會(huì)彈出XHR的狀態(tài)碼及狀態(tài)文本。
$("#btn").click(function(){ $("#result").load("demo_test.txt #p1"); });
這段代碼演示了Load方法的進(jìn)階用法,它通過在URL后添加選擇器,僅請求demo_test.txt文件中ID為p1的段落標(biāo)簽,再將返回?cái)?shù)據(jù)插入到ID為result的元素中。
總之,jQuery的Load方法是個(gè)很強(qiáng)大的異步加載方法,通過它我們可以輕松向服務(wù)器請求數(shù)據(jù)并插入到頁面中。上文所述只是其中一些用法,詳見官方文檔。