JS之XMLHttpRequest返回数据解析
解析返回的 JSON 数据服务器端返回的JSON 格式数据数据如下。{ user : "css8", pass : "123456", email : "css8@123.cn" }然后在客户端执行下面的请求。把返回 JSON 字符串转换为对象,然后读取属性值。<input name="submit" type="button" id="submit" value="向服务器发出请求" /&
·
解析返回的 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
更多推荐
已为社区贡献3条内容
所有评论(0)