// ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 -->
// 第一步,创建ajax对象
let xhr=new XMLHttpRequest();
// 连接服务器:请求方法（get,post）,请求地址，异步（true）或同步(flase)
（ajax推荐使用异步请求,非阻塞，多个事件可以同步进行）
xhr.open('get','text.txt',true)
// 发送请求
xhr.send();
// 监控ajax请求到了哪一步 onreadystatechange
xhr.onreadystatechange=function(){
//请求状态码 readyState
if(xhr.readyState==4){
if (xhr.status==200) {
console.log(xhr.responseText)
}
}
}
请求状态码 readyState
从0到4发生变化
0：请求未初始化，还没有调用到open方法
1：服务器连接已建立，已调用send方法，正在发生请求
2：请求已接收，send方法完成
3：请求处理中
4：请求已完成，且响应已就绪
请求状态码：status数据成功到达客户端
200：‘OK’
404：‘未找到页面’
JSON // JSON语法规则
// 数据在 键/值 对形成保存中
// 数据由逗号分隔
// 键必须放在双引号中
// 字符串也必须放在双引号中
//最后一条数据后面不用加逗号
//JSON内不能写注释
//新建文件data.json {}开头
{
"name":"XXX",
"age":XXX,
"addr":"南京市，雨花台区，小行路"
}
//JSON值 可以是数字、字符串、逻辑值、数组、对象、null
[
{
"name":"XXX",
"age":XX,
"addr":"南京市，雨花台区，小行路",
"married":true,
"friends":["XX","XX"], //数组，在中括号中
"pet":{"name":"XX","type":"XX"} //对象，在大括号中
},
{
"name":"XX",
"age":XX,
"addr":"南京市，雨花台区，小行路",
"married":true,
"friends":["XX","XX"],
"pet":{"name":"XX","type":"X"}
}
]
3.请求mock中的json数据
Mock平台 虚拟接口
[if !supportLists]4. [endif]渲染
html>
| 姓名 | 年龄 | 地址 | 宠物 |
|---|