AJAX读取Json文件

Ajax是对接后端的工具，向服务器发送请求并且接收响应。

使用ajax读取文件需要以下基础的几步：
1.获取需要添加事件的节点（或者叫元素），给予onclik或者其他事件。
2.创建一个XMLHttpRequest对象。
3.调用所创建对象的open方法，选定open方法的method和url。
4.调用对象的send方法。
5.为对象添加onreadystatechange响应函数。
6.判断相应是否完成？：对象的属性readyState值为4的时候，完成。
7.再判断相应是否可用？：对象的属性status值为200。（200代表成功可访问）
8.返回结果：responseText。responseText以字符串相应数据，responseXML以XML形式相应数据

<script type="text/javascript">
			window.onload=function(){
				var Btn=document.getElementById('btn');	 
//获取需要添加事件的节点（或者叫元素），给予onclik或者其他事件。
				Btn.onclick=function(){

					var request=new XMLHttpRequest();  
//创建一个XMLHttpRequest对象。
					request.open('GET','test.json');	
//调用所创建对象的open方法，选定open方法的method和url。
					request.send();	4.调用对象的send方法。
					request.onreadystatechange=function(){	
//为对象添加onreadystatechange响应函数。	
						if(request.readyState==4){	
//判断相应是否完成？：对象的属性readyState值为4的时候，完成。
							if(request.status==200||request.status==304){	
//再判断相应是否可用？：对象的属性status值为200.
								alert(request.responseText);	
//返回结果：responseText
							}
						}
					}
				}
			}
		</script>