1. [代码] [JavaScript]代码 {"person":{"name":"zqwang121","website":"http://zqwang.cc","email":"zqwang121@sina.com"}} 2. [代码] [JavaScript]代码 script type="text/javascript"window.onload=function(){ var aNodes=document.getElementsBy
1. [代码][JavaScript]代码
{"person":{
"name":"zqwang121",
"website":"http://zqwang.cc",
"email":"zqwang121@sina.com"
}
}
2. [代码][JavaScript]代码
<script type="text/javascript">
window.onload=function(){
var aNodes=document.getElementsByTagName("a");
for(var i=0;i<aNodes.length;i++){
aNodes[i].onclick=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){
//1.结果为json格式，所以需要使用responsexml来获取
var result=request.responseText;
var object=eval("("+result+")");
//2.结果不能直接使用，必须先创建对应的节点，再把节点加入到details里面
//目标格式为
/*
<h2><a href="zqwang121@sina.com">zqwang121</a></h2>
<a href="http://zqwang.cc">http://http://zqwang.cc</a>
*/
var name=object.person.name;
var website=object.person.website;
var email=object.person.email;
//alert(name);
//alert(website);
//alert(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 detailsNode=document.getElementById("details");
detailsNode.innerHTML="";
detailsNode.appendChild(h2Node);
detailsNode.appendChild(aNode2);
}
}
}
return false;
}
}
}
</script>
3. [代码][HTML]代码
<body> <h1>People</h1> <ul> <li><a href="1.html">1</a></li> <li><a href="2.html">2</a></li> <li><a href="3.html">3</a></li> </ul> <div id="zqwang121"></div> </body>