Ajax数据格式-HTMl

一:解析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>
发布了64 篇原创文章 · 获赞 12 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_39093474/article/details/103672612