三。JSON
在index.html中
<span style="font-size:14px;color:#000000;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML//EN">
<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<script type="text/javascript">
window.οnlοad=function(){
var aNodes=document.getElementsByTagName("a");
for(var i=0;i<aNodes.length;i++){
aNodes[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){
if(request.status==200 ||request.status==304){
var result=request.responseText;
var object=eval("("+result+")");
var name=object.Person.name;
var website=object.Person.website;
var email=object.Person.email;
var aNode=document.createElement("a");
aNode.appendChild(document.createTextNode(name));
aNode.href="mailto"+email;
var h2Node=document.createElement("h2");
h2Node.appendChild(aNode);
var aNode2=document.createElement("a");
aNode2.appendChild(document.createTextNode(website));
aNode2.href=website;
var divtext=document.getElementById("divtext");
divtext.innerHTML="";
divtext.appendChild(h2Node);
divtext.appendChild(aNode2);
}
}
};
return false;
};
}
};
</script>
</head>
<body>
<h1>People</h1>
<ul>
<li><a href="files/andy.js">andy</a></li>
<li><a href="files/jeremy.js">jeremy</a></li>
<li><a href="files/rechar.js">richar</a></li>
</ul>
<div id="divtext"> </div>
</body>
</html></span><span style="font-size:14px;color:#000000;">{
"Person":{
"name":"andy",
"website":"http://www.baidu.com",
"email":"email"
}
}
</span>
<span style="font-size:14px;color:#000000;">{
"Person":{
"name":"jeremy",
"website":"http://www.baidu.com",
"email":"email"
}
}</span>
<span style="font-size:14px;color:#000000;">{
"Person":{
"name":"r<span style="font-family:KaiTi_GB2312;">e</span>char",
"website":"http://www.baidu.com",
"email":"email"
}
}</span>