jQuery Ajax & jsonp

1.Ajax與jsonp

（1）ajax技術的目的是讓JavaScript發送HTTP請求，與后臺通信，獲取數據和信息。Ajax技術的原理是實例化xmlhttp對象，使用此對象與后臺通信。Ajax通信的過程不會影響后續JavaScript的執行，從而實現異步。

（2）同步和異步
同步：等待結果返回在執行
異步：不管結果繼續執行

（3）局部刷新和無刷新
Ajax可以實現局部刷新，也叫無刷新，無刷新指的是整個頁面不刷新，只是局部刷新，Ajax可以自己發送HTTP請求，不用通過瀏覽器的地址欄，所以頁面整個不會刷新，Ajax獲取到后臺數據，更新頁面數據的部分，就做到了頁面局部刷新

（4）同源策略
Ajax請求的頁面或資源只能是同一個域下面的資源，不能是其他域的資源，這是在設計Ajax時基于安全的考慮。
特征報錯提示：

（5）Ajax使用：

$.ajax使用方法：

url 請求地址

type 請求方式，默認是GET，常用的還有POST

dataType 設置返回的數據格式，常用的是json，也可以設置為
HTML

data 設置發送給服務器的數據

success 設置請求成功后的回調函數

error設置請求失敗后的回調函數

async設置是否異步，默認值是true，表示異步

$.ajax({
url:'data.json',
type:'get',
dataType:'json'
})
.done(function(dat){
$('#username').html(dat.name);
$('#userage').html(dat.age);

        })
        .fail(function(){
            alert('服務器超時！');
        })

2.json

json是JavaScript object notation 的首字母縮寫，單詞的意思是JavaScript對象表示法，這里說的json指的是類似于JavaScript對象的一種數據格式，目前這種數據格式比較流行，逐漸替代了傳統的xml數據格式

（1）JavaScript自定義對象

（2）json格式的數據
與json對象不同的是，json數據格式的屬性名稱和字符串值需要用雙引號引起來，用單引號或者不用引號會導致讀取數據錯誤。

json的另一個數據格式是數組，和JavaScript中的數組字面量相同

3.jsonp

Ajax只能請求同一個域下的數據或資源，有時候需要跨域請求數據，就需要用到jsonp技術，jsonp可以跨域請求數據，它的原理主要是利用<script>標簽可以跨域鏈接資源的特性。jsonp和Ajax原理完全不一樣，不過jQuery將它們封裝成同一個函數

遺憾：實驗不成功