Ajax and JSON

Ajax （核心是XMLHttpRequest對象）

一、XMLHttpRequest對象：

    request=new XMLHttpRequest()  支持Firefox opera Safari  等級別以上的瀏覽器

    xmlhttp=new ActiveXobject('Msxml2.XMLHTTP') 支持IE6+

    xmlhttp=new ActiveXobject('Microsoft.XMLHTTP')支持IE6+

二、XMLHttpRequest對象的三大屬性：

  2.一、onreadystatechange   存儲處理服務器的響應的函數

  2.二、readyState     存儲服務器的響應狀態信息

         五個值：0:請求未初始化

                    1:服務器鏈接已創建

                    2:請求已發送

                    3:請求處理中，可是沒有響應

                    4:請求已完成，且響應已就緒

  2.三、responseText      獲取由服務器返回的數據

三、請求發送服務器的方法

  一、open()

參數：GET/POST   代表HTTP方法

         URL            規定服務器端腳本路徑

         true/false    是否異步請求

  二、send()    將請求發送到服務器端

 

例：

request.open("GET","test.txt",true);

request.onreadystatechange=functiin(){

       if(request.redyState==4){

         //從服務器獲取數據的代碼，並作相應處理

         alert(request.responseText);

}

}

request.send(null);

 

JSON

一、語法法則：

 1.一、數組（Array）用方括號(「[]」)表示。 

 1.二、 對象（Object）用大括號（」{}」）表示。 -

 1.三、名稱/值對（name/value）組合成數組和對象。

 1.四、名稱（name）置於雙引號中，值（value）有字符串、數值、布爾值、null、對象和數組。 -

 1.五、並列的數據之間用逗號（「,」）分隔

例：{

 "name": "Geoff Lui",  "age": 26

}

二、JSON 和 XML

JSON 常被拿來與 XML 作比較，由於 JSON 的誕生原本就多多少少要有取代 XML 的意思。相比 XML，JSON 的優點以下：

 2.一、沒有結束標籤，長度更短，讀寫更快

 2.二、可以直接被 JavaScript 解釋器解析

 2.三、能夠使用數組

例：

JSON：

{  

"name": "Geoff Lui",  "age": 26,  "friends": ["Lily", "Lucy", "Gwen"]

}

XML：

<root>

 　　<name>Geoff Lui</name>  

　　<age>26</age>  

　　<friends>Lily</friends>  

　　<friends>Lucy</friends>

 　　<friends>Gwen</friends>

</root>

三、 JSON 解析和生成

在 JavaScript 中，有兩個方法與此相關： JSON.parse 和 JSON.stringify 。

 例：

<script>

　　var str = '{"name": "Geoff Lui","age": 26}';//字符串

　　var obj = JSON.parse(str);//傳入字符串

　　console.log(obj);//輸出結果

　　var jsonstr = JSON.stringify(obj);//把轉換好的對象生成json語法規則的字符串

　　console.log(jsonstr);//輸出

</script>