天天看點

讀<jquery 權威指南>[4]-Ajax

jQuery可以從伺服器異步獲得靜态資料。

①load()

$.load(url,data,callback)

url要加載的頁面位址,

data發送到伺服器的資料key/value格式,

callback表示加載成功後傳回到加載頁面的回調函數。

其中url中還可以過濾頁面元素。

<a></a>

a.html代碼為:

讀&lt;jquery 權威指南&gt;[4]-Ajax

②getJSON()

方法:$.getJSON(url,data,callback):擷取.json格式的資料并進行處理。

參數:url要加載的頁面位址,data發送資料,callback回調函數。 

news.js

html:

③getScript()

$.getScript(url,callback):擷取js檔案并自動執行注入的腳本。

參數:url為要加載的js檔案位址,callback為回調函數。

執行個體:

news1.js:

調用:

①方法

$.get(url,[data],[callback],[type])

$.post(url,[data],[callback],[type])

參數說明:url是要請求的資料位址;data是表示發送到伺服器的位址是key/value格式;callback表示請求成功後執行的回調函數;type是傳回資料的格式,如html、json、xml等。

注意:data中如果包含中文格式,要使用encodeURI()方法進行轉碼;在用戶端接收資料時要使用decodeURI()方法進行解碼。

②差别:

$.get和$.post方法差别不大,主要差别在以下兩點:

$.get不适合傳遞資料量較大的資料,$.post無此限制。

$.get請求的結果會緩存到浏覽器中,而$.post結果不會浏覽器緩存。

③執行個體:

$.ajax([options])是比較底層的異步調用方法。參數options是key/value格式的,既包含發送請求的設定,也包含相應後的回調資料。

需要注意的是跨域調用時要使用Jsonp方式。

讀&lt;jquery 權威指南&gt;[4]-Ajax
讀&lt;jquery 權威指南&gt;[4]-Ajax

②ajax中的全局事件

讀&lt;jquery 權威指南&gt;[4]-Ajax

繼續閱讀