ajax的数据处理

最新推荐文章于 2021-08-05 12:45:56 发布

weixin_34174105

最新推荐文章于 2021-08-05 12:45:56 发布

阅读量75

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/xiaoxiaoyao/p/7903633.html

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var hahaStr="{'name':'haha','age':12,'address':'wuhan'}"; /*注意此处是字符串，，，但是里面是json数据*/

/*为什么eval这里要添加("("+data+")") ?
由于json是以{ }的方式来开始以及结束的，在eval中会被当成一个语句块来处理，故必须强制将它转换成一种表达式。
加上圆括号是使eval函数在处理时强制将括号内的表达式(expression)转化为对象而不作为语句(statement)来执行。
若不加外层的括号，eval会将大括号识别为js代码块的开始和结束标记，{ }将会被认为执行了一句空语句。*/

var test=eval("("+hahaStr+")");
alert(test.name);
</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.οnlοad=function()
{
var anode=document.getElementsByTagName("a");
for(var i=0;i<anode.length;i++)
{
anode[i].οnclick=function()
{
var request=new XMLHttpRequest();
var method="GET";
var url=this.href;
request.open(method,url);
request.send(null);
request.onreadystatechange=function()
{
if(request.readyState==4) /*注意此处的S大写*/
{
if(request.status==200)
{
document.getElementById("div1").innerHTML=request.responseText;
}
}
}

return false;
}
}
}
</script>
</head>
<body>
<a href="libai.txt">李白</a>
<a href="huanghelou.txt">黄鹤楼</a>
<a href="changjiang.txt">长江</a>
<div id="div1"style="width: 800px;height: 200px;border: 1px solid red;"></div>
</body>
</html>