load

英[ləʊd]   美[loʊd]  

n.負載;裝載;負擔;工作

vt.使擔負;裝填;把…裝入或裝上;裝滿,堆積

vi.加載;裝載;裝貨

ajax load()方法 語法

作用:load() 方法透過 AJAX 請求從伺服器載入數據,並將傳回的資料放置到指定的元素中。還有一個名為 load 的 jQuery 事件方法。調用哪個,取決於參數。

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

參數:

參數說明
#url    規定要將請求傳送到哪個URL。
data    可選。規定連同請求發送到伺服器的資料。
function(response,status,xhr)#可選。規定當請求完成時運行的函數。額外的參數:response - 包含來自請求的結果資料status - 包含請求的狀態("success", "notmodified", "error", "timeout" 或"parsererror")xhr - 包含XMLHttpRequest 物件

說明:該方法是最簡單的從伺服器取得資料的方法。它幾乎與 $.get(url, data, success) 等價,不同的是它不是全域函數,而且它擁有隱式的回呼函數。當偵測到成功的回應時(例如,當 textStatus 為 "success" 或 "notmodified" 時),.load() 將符合元素的 HTML 內容設定為傳回的資料。這表示方法的大多數使用會非常簡單:$("#result").load("ajax/test.html");如果提供回呼函數,則會在執行post-processing 之後執行函數:$ ("#result").load("ajax/test.html", function() {alert("Load was performed.");});上面的兩個例子中,如果當前文檔不包含"result" ID ,則不會執行.load() 方法。如果提供的資料是對象,則使用 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">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>

</body>
</html>
#