Ajax与json初识

2017-11-07

初步学习了作为前端怎么向后台获取数据，算是初识Ajax与json的应用，特此记录。

数据都是被放在数据库中，作为举例，我们可以用hot.json与test.json两个json文件来示范获取数据。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- 创建对象 -->
var request=new XMLHttpRequest();
<!-- 请求数据 -->
request.open("GET","hot.json",true);
request.send();
<!-- 等待响应 -->
<!-- request.readyState有5个值：
	1.0　请求未初始化
	2.1　服务器连接已建立
	3.2　请求已接受
	4.3　请求处理中
	5.4　请求已完成，且响应已就绪。
-->
request.onreadystatechange=function(){
	if(request.readyState==4 && request.status==400){
		console.log(JSON.parse(request.responsText));
	}
}

以上代码最终打印的是一个对象，我们可以直接对这个对象进行操作，获取我们需要的数据。

屏幕快照 2017-11-07 下午9.43.46.png