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>
点击加载更多评论>>