load

英 [l??d]   美 [lo?d]  

n.負(fù)荷;裝載;負(fù)擔(dān);工作量

vt.使擔(dān)負(fù);裝填;把…裝入或裝上;裝滿，堆積

vi.加載;裝載;裝貨

ajax load()方法 語法

作用：load() 方法通過 AJAX 請求從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放置到指定的元素中。還存在一個(gè)名為 load 的 jQuery 事件方法。調(diào)用哪個(gè)，取決于參數(shù)。

語法：load(url,data,function(response,status,xhr))

參數(shù)：

參數(shù)描述
url    規(guī)定要將請求發(fā)送到哪個(gè) URL。
data    可選。規(guī)定連同請求發(fā)送到服務(wù)器的數(shù)據(jù)。
function(response,status,xhr)可選。規(guī)定當(dāng)請求完成時(shí)運(yùn)行的函數(shù)。額外的參數(shù)：response - 包含來自請求的結(jié)果數(shù)據(jù)status - 包含請求的狀態(tài)（"success", "notmodified", "error", "timeout" 或 "parsererror"）xhr - 包含 XMLHttpRequest 對象

說明：該方法是最簡單的從服務(wù)器獲取數(shù)據(jù)的方法。它幾乎與 $.get(url, data, success) 等價(jià)，不同的是它不是全局函數(shù)，并且它擁有隱式的回調(diào)函數(shù)。當(dāng)偵測到成功的響應(yīng)時(shí)（比如，當(dāng) textStatus 為 "success" 或 "notmodified" 時(shí)），.load() 將匹配元素的 HTML 內(nèi)容設(shè)置為返回的數(shù)據(jù)。這意味著該方法的大多數(shù)使用會非常簡單：$("#result").load("ajax/test.html");如果提供回調(diào)函數(shù)，則會在執(zhí)行 post-processing 之后執(zhí)行該函數(shù)：$("#result").load("ajax/test.html", function() {alert("Load was performed.");});上面的兩個(gè)例子中，如果當(dāng)前文檔不包含 "result" ID，則不會執(zhí)行 .load() 方法。如果提供的數(shù)據(jù)是對象，則使用 POST 方法；否則使用 GET 方法。

ajax load()方法 示例

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $('#test').load('需要加載的文檔地址');
  })
})
</script>
</head>

<body>

<h3 id="test">請點(diǎn)擊下面的按鈕，通過 jQuery AJAX 改變這段文本。</h3>
<button id="btn1" type="button">獲得外部的內(nèi)容</button>

</body>
</html>

熱門推薦