一:解析HTML
- HTML是由一些普通文本组成,如果服务器通过XMLHttpRequest发送HTML,那么文本将存储在responseText属性中
- 不必读取response属性中的数据,他已经是希望的格式,可以直接插入到页面中。
- 插入HTML代码最简单的方法是更新这个元素的innerHTML属性
二:总结
1.优点
- 从服务器端发送的HTML代码在浏览器端不需要用JavaScript解析。
- HTML代码可读性好
- HTML代码块与innerHTML搭配,效率搞
2.缺点
- 若需要通过AJAX更新一篇文档的多个部分,HTML不合适
- innerHTML不符合DOM标准
三:代码实现
1.创建index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload=function(){
document.getElementsByTagName("a")[0].onclick=function(){
var request =new XMLHttpRequest();
var url=this.href;
var method="GET";
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>
<a href="helloworld.txt">helloworld.txt</a>
<div id="details"></div>
</body>
</html>
2.返回html格式的数据
<p>zhangsan</p>