JavaScript 接收JSON數(shù)據(jù)

■知識點

使用responseText可以獲取JSON格式的字符串，然后使用eval()方法將其解析為本地JavaScript腳本，再從該數(shù)據(jù)對象中讀取信息。

■實例設計

在服務器端請求文件中包含下面的JSON數(shù)據(jù)。

{user:"ccs8",pass: "123456",email:"css8@mysite.cn"}

然后在客戶端執(zhí)行下面的請求。把返回JSON字符串轉(zhuǎn)換為對象，然后讀取屬性值。

<input name="submit" type="button" id="subrait" value=”向服務器發(fā)出請求"/>

<script>

window, onl oad = function (){                             //頁面初始化

    var b = document.getElementsByTagName("input")[0];

    b.onclick = function(){

        var xhr = createXHR();                                         //實例化 XMLHttpRequest 對象

        xhr.open("GET","server.js" , true);                        //建立連接，要求異步響應

        xhr.onreadystatechange = function(){                //綁定響應狀態(tài)事件監(jiān)聽函數(shù)

            if(xhr.readyState == 4) {                                 //監(jiān)聽readyState狀態(tài)

                if (xhr.status == 200 || xhr.status == 0){    //監(jiān)聽HTTP狀態(tài)碼

                    var info = xhr.responseText;

                    var o = eval (" ("+info+") ");            //調(diào)用eval ()把字符串轉(zhuǎn)換為本地腳本

                    console.log(info);                            //顯示JSON對象字符串

                    console.log(o.user)                         //讀取對象屬性值，返回字符串"css8"

                }

            }

        }

        xhr.send();                                  //發(fā)送請求

    }

}

</script>