Ajax 即“Asynchronous Javascript And XML”(非同步 JavaScript 和 XML),是指一種創建交互網頁應用的網頁開發技術。 一. Ajax ajax技術的目的是讓javascript發送http請求,與後臺通信,獲取數據和信息。ajax技術的原理是實例化xml ...
Ajax 即“Asynchronous Javascript And XML”(非同步 JavaScript 和 XML),是指一種創建交互網頁應用的網頁開發技術。
一. Ajax
ajax技術的目的是讓javascript發送http請求,與後臺通信,獲取數據和信息。ajax技術的原理是實例化xmlhttp對象,使用此對象與後臺通信。ajax通信的過程不會影響後續javascript的執行,從而實現非同步。
二. 同步和非同步的理解
現實生活中,同步指的是同時做幾件事情,非同步指的是做完一件事後再做另外一件事,程式中的同步和非同步是把現實生活中的概念對調,也就是程式中的非同步指的是現實生活中的同步,程式中的同步指的是現實生活中的非同步。
三. ajax局部刷新
ajax可以實現局部刷新,也叫做無刷新,無刷新指的是整個頁面不刷新,只是局部刷新,ajax可以自己發送http請求,不用通過瀏覽器的地址欄,所以頁面整體不會刷新,ajax獲取到後臺數據,更新頁面顯示數據的部分,就做到了頁面局部刷新。
四. 同源策略
在設計ajax時基於安全的考慮,ajax請求的頁面或資源只能是同一個域下麵的資源,不能是其他域的資源。
五. $ajax使用方法(常用參數)
1、url 請求地址
2、type 請求方式,預設是'GET',常用的還有'POST'
3、dataType 設置返回的數據格式,常用的是'json'格式,也可以設置為'html'
4、data 設置發送給伺服器的數據
5、success 設置請求成功後的回調函數
6、error 設置請求失敗後的回調函數
7、async 設置是否非同步,預設值是'true',表示非同步
$.ajax({ url:'js/data.json', type:'GET', dataType:'json', data:{'ding':1} }) .done(function(data){ alert(data.name) }) .fail(function(){ alert('伺服器超時!') }); // data.json裡面的數據: {'name':'ding','age':18}
六. 關於json
json是 JavaScript Object Notation 的首字母縮寫,單詞的意思是javascript對象表示法,這裡說的json指的是類似於javascript對象的一種數據格式。
json格式的數據:
{ 'Javascript':'json', 'Jquery':'ajax' }
註意:json數據格式的屬性名稱和字元串值需要用雙引號引起來,用單引號或者不用引號會導致讀取數據錯誤。
json的另外一個數據格式是數組,和javascript中的數組字面量相同。
["ding",18,"programmer"]