JS之XMLHttpRequest返回数据解析

解析返回的 JSON 数据

服务器端返回的JSON 格式数据数据如下。

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

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

<input name="submit" type="button" id="submit" value="向服务器发出请求" />
<script>
    window.onload = function () {
          
     //页面初始化
        var b = document.getElementsByTagName("input")[0];
        b.onclick = function () {
          
   
            var xhr = createXHR();  //实例化XMLHttpRequest对象
            xhr.open("GET", "server.xml", true);  //建立连接，要求异步响应
            xhr.onreadystatechange = function () {
          
     //绑定响应状态事件监听函数
                if (xhr.readyState == 4) {
          
     //监听readyState状态
                    if (xhr.state == 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>

拓展： JS XMLHttpRequest入门教程（非常详细） http://c.biancheng.net/view/5995.html