首頁  >  文章  >  web前端  >  jQuery中ajax的load()方法用法實例_jquery

jQuery中ajax的load()方法用法實例_jquery

WBOY
WBOY原創
2016-05-16 16:24:091018瀏覽

本文實例講述了jQuery中ajax的load()方法用法。分享給大家供大家參考。具體分析如下:

此函數jQuery中簡單且功能強大的ajax方法。
它可以從伺服器載入內容,然後寫入匹配元素。
語法結構:

複製程式碼 程式碼如下:
$(selector).load(URL,data,callback);

參數解析:

1.selector:一個選擇器,可以將內容載入到此選擇器相符的元素中。
2.URL:必須,需要載入的一個url位址。
3.data:可選,與請求一同發送的查詢字串鍵/值對集合。
4.callback:可選,load()函數執行完畢後要執行的函數,也就是一個回呼函數。

程式碼實例:

複製程式碼 程式碼如下:






腳本之家








以上程式碼實現了我們的要求,可以將文字檔案中的內容寫入div元素中。

callback回呼函數:

回呼函數可以有三個參數,以下介紹一下三個參數的作用:

1.responseTxt:包含呼叫成功時的結果內容。
2.statusTXT:包含呼叫的狀態。
3.xhr:XMLHttpRequest物件。

程式碼實例:

複製程式碼 程式碼如下:






腳本之家








以上程式碼實作可以跳出錯誤提示,因為路徑不正確,找不到檔案。

希望本文所述對大家的jQuery程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn