一：解析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>
788
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
