AJAX & JSON

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）

AJAX技术 不需要刷新页面的情况下，就可以产生局部刷新的效果

最初AJAX技术操作的是XML标签，现在绝大多数情况下操作的是JSON格式的字符串

1. json格式数据

// json对象// 注意：对象的属性名，必须要双引号引起来letobj={"name":"张三","age":20,"gender":"男"}// json数组letarr=[{"name":"张三","age":20,"gender":"男"},{"name":"李四","age":22,"gender":"女"}]

2. AJAX对象

// 01.创建xhr对象 (原生ajax对象)letxhr=newXMLHttpRequest()// 02.初始化请求（GET请求，POST请求）// 第一个参数是请求方式：比如GET，第二个参数是请求地址：比如192.168.11.12:81/Server/Listxhr.open('GET','./data/koubei.json')// 03.发送请求xhr.send()// 04.监听读取状态改变事件xhr.onreadystatechange=function(){// 请求已经完成if(xhr.readyState===4){// 请求状态为成功if(xhr.status===200){// xhr.responseText 返回响应体，它是一个json格式的字符串// 我们需要将该字符串转为js对象letdata=JSON.parse(xhr.responseText)}}}

readyState 是读取状态：

0: 请求未发送

1：服务器连接已建立（请求已经发送）

2：请求已接收（服务器已经接收到该请求）

3：请求处理中（服务器正则准备你要的数据）

4：请求已完成，且响应已就绪

status 是响应的状态码：

200：成功

404：请求资源错误

500：服务器端错误