Ajax数据格式—HTML
<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 || request.status == 304){
document.getElementById("details").innerHTML= request.responseText;
}
}
}
return false;
}
}
}
</script>
</head>
<body>
<h1>People</h1>
<ul>
<li><a href="andy.html">Andy</a></li>
<li><a href="richard.html">Richard</a></li>
<li><a href="jemery.html">Jemery</a></li>
</ul>
<div id="details">
</div>
</body>
<body>
<h1>Andy</h1>
<p>Andy is first</p>
</body>
效果:点击连接会在div中载入html嵌入到页面中。