jQuery可以從伺服器異步獲得靜态資料。
①load()
$.load(url,data,callback)
url要加載的頁面位址,
data發送到伺服器的資料key/value格式,
callback表示加載成功後傳回到加載頁面的回調函數。
其中url中還可以過濾頁面元素。
<a></a>
a.html代碼為:
②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方式。
②ajax中的全局事件