先給大家介紹下Ajax概念
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用的網頁開發技術。
AJAX = 異步 JavaScript和XML(標準通用標記語言的子集)。
AJAX 是一種用于創建快速動態網頁的技術。
通過在后臺與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。
傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。
ajax方法
$.ajax()方法是jQuery最底層的Ajax實現。它的結構為:
$.ajax(options)
該方法只有一個參數,但是這個對象里包含了$.ajax()方法所需要的請求設置以及回調函數等信息,參數以key/value的形式存在,所有的參數都是可選的。常用參數見下表:
1.url
要求為String類型的參數,(默認為當前地址)發送請求的頁面。
2.type
要求為String類型的參數,請求方式(post或get)默認為get。注意其他http請求方法,例如put和delete也可以使用,但僅部分瀏覽器支持。
3.timeout
要求為Number類型的參數,設置請求超時時間(毫秒)。此設置將覆蓋$.ajaxSetup()方法的全局設置。
4.async
要求為Boolean類型的參數,默認設置為true,所有請求均為異步請求。如果需要同步請求,請將此選項設置為false。注意,同步請求將鎖住瀏覽器,用戶其他操作必須等待請求完成才可以執行。
5.cache
要求為Boolean類型的參數,默認為true(當dataType為Script時,默認為false),設置false將不會從瀏覽器緩存中加載請求信息。
6.data
要求為Object或String類型的參數,發送到服務器的數據。如果不是字符串,將自動轉換為字符串格式。get請求中將附加在URL后。防止這種自動轉換,可以查看 processData選項。對象必須為key/value格式,例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是數組,JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。
7.dataType
要求為String類型的參數,預期服務器返回的數據類型。如果不指定,jQuery將自動根據HTTP包的mine信息返回responseXML或responseText,并作為回調函數參數傳遞??捎玫念愋腿缦拢?/p>
xml:返回XML文檔,可用jQuery處理。
html:返回純文本HTML信息;包含的script標簽會在插入DOM時執行。
script:返回純文本javascript代碼。不會自動緩存結果,除非設置了cache參數。注意在遠程請求時(不在同一個域下),所有post請求都將轉為get請求。
json:返回JSON數據。
jsonp:JSON格式。使用JSONP形式調用函數時,例如myurl?callback=?,JQuery將自動替換后一個“?”為正確的函數名,以執行回調函數。
新聞熱點
疑難解答
圖片精選