Ajax:無重新整理:不斷重新整理整個頁面,只重新整理區域性(只更新部分頁面，有效利用頻寬，提供連續的使用者體驗,提供類似C/S的互動效果，操作更方便)

XMLHttpRequest

事件 （onreadystatechange）:指定回撥函式

常用屬性(readyState):XMLHttpRequest的狀態資訊

• 整個Ajax技術的核心
• 提供非同步傳送請求的能力
•  常用方法

常用屬性

• status:HTTP狀態碼
• statusText:返回當前請求的響應狀態
• responseText:以文字形式獲取響應的內容
• responseXML:將XML格式的響應內容解析成 DOM物件返回

Ajax實現步驟

 建立XMLHttpRequest物件
 通過XMLHttpRequest物件設定請求資訊（URL 資料 回撥函式）

向伺服器傳送請求

建立回撥函式，根據響應狀態動態更新頁面

編寫伺服器端處理客戶請求

使用Jquery實現Ajax

$.ajax([settings]);

常用屬性引數:

常用函式引數

語法:

$.ajax({
         url:'',                      //url地址
         type:'GET',                  //jsonp 型別下只能使用GET,不能用POST,這裡不寫預設為GET
         dataType:'jsonp',            //指定為jsonp型別
         data:{},                     //資料引數
         jsonp:'callback',            //伺服器端獲取回撥函式名的key;callback是預設值
         jsonpCallback:'jsonpName',   //回撥函式名
         success:function(result){    //成功執行處理，對應後臺返回的jsonpName(data)方法
             
         },
         error:function(XMLHttpRequest, textStatus, errorThrown){
          //通常情況下textStatus和errorThrown只有其中一個包含資訊
       }
     }); 

JSON

JSON(JavaScript  Object  Notation)   

• 一種輕量級的資料交換格式
• 採用獨立於語言的文字格式
• 通常用於在客戶端和伺服器之間傳遞資料

JSON優點

• 輕量級互動語言
• 結構簡單
• 易於解析

定義JSON物件

var JSON物件={"name":value,"name",value,....};

定義JSON陣列(兩種格式)

var JSON陣列 =[value,value,....];            格式一

var JSON陣列 =[{"name":"value","name",value,....},{"name":"value","name",value,....}];            格式二

Jquery的其他Ajax方法

$.get(url[,data][,success][,dataType]);               //get提交方式請求

$.post(url[,data][,success][,dataType]);           //post提交方式請求

$.getJSON(url[,data][,success]);

使用Ajax直接載入頁面內容

.load()

${selector}.load(url[,data][,success][,complete]); 

使用.load()實現非同步互動

${selector),load(url,data);