JavaScript 接收JSON数据

■知识点

使用responseText可以获取JSON格式的字符串，然后使用eval()方法将其解析为本地JavaScript脚本，再从该数据对象中读取信息。

■实例设计

在服务器端请求文件中包含下面的JSON数据。

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

然后在客户端执行下面的请求。把返回JSON字符串转换为对象，然后读取属性值。

<input name="submit" type="button" id="subrait" value=”向服务器发出请求"/>

<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(){                //绑定响应状态事件监听函数

            if(xhr.readyState == 4) {                                 //监听readyState状态

                if (xhr.status == 200 || xhr.status == 0){    //监听HTTP状态码

                    var info = xhr.responseText;

                    var o = eval (" ("+info+") ");            //调用eval ()把字符串转换为本地脚本

                    console.log(info);                            //显示JSON对象字符串

                    console.log(o.user)                         //读取对象属性值，返回字符串"css8"

                }

            }

        }

        xhr.send();                                  //发送请求

    }

}

</script>