Ajax初识

json语句：json是一种特殊的字符串，可以被任意的语言所使用，并且可以转换成任意语言中的语句。（json创建对象时，属性和属性值必须加上“” 号。）

JSON.parse()：json语句转成js语句。

JSON.stringify()：js语句转换成 json语句。

eval()：在执行js语句的时候，直接执行并返回结果。（eval()方法使用的过程中，如果遇到{}，则需要给字符串前后各加一个小括号（），因为他会自动将{}当成一个字符串去执行）

利用ajax获取本地文件

1、创建 ajax 对象

let xhr = new XMLHttpRequest();

2、创建请求

xhr.open("请求方法"，"url地址"，"是否采用异步处理去访问结构true/false")

请求方式：GET查询 ；、 POST 添加 ；、PUT 修改 ；、DELETE 删除。

url地址： 本地文件地址、   后端数据文件（json）url地址里面是可以传递变量的，添加变量需要写？，在？的后面进行添加，多个变量之间用&隔开。

3、发送请求

xhr.send() 

4、接收响应，监听状态

xhr.onreadystatechange = function(){
    if (xhr.readyState === 4 && xhr.status === 200 ) {
        let str = JSON.parse(xhr.response)
        console.log(str);        
    }
}

xhr.readyState返回值：

 0 未初始化  或  请求未初始化

 1 正在加载  或  已建立服务器连接

 2 已加载    或  已收到请求

 3 交互式    或  处理请求

 4 表示 完成  或者是  请求已完成且响应已准备好

xhr.status验证状态编码 ：

200 请求成功

404  请求的资源不存在

500 服务器错误

xhr.response、xhr.responseText：获取json文件中的数据