为什么要学习Ajax
1 、ajax能在不刷新页面的前提下,实现页面的局部更新
2 、前端要和后端进行交互,联系前后端的桥梁就是ajax
3 、最终前端的数据要来源于数据库
4 、我们就是通过ajax来与数据进行交互的
注:if判断语句里的条件分别为什么呢?
1、 什么是readyState
- readyState是XMLHttpRequest对象的一个属性,用来标识当前XMLHttpRequest对象处于什么状态。readyState总共有5个状态值,分别为0~4,每个值代表了不同的含义。
0:初始化,XMLHttpRequest对象还没有完成初始化
1:载入,XMLHttpRequest对象开始发送请求
2:载入完成,XMLHttpRequest对象的请求发送完成
3:解析,XMLHttpRequest对象开始读取服务器的响应
4:解析完成,XMLHttpRequest对象读取服务器响应结束
2、什么是status
- status是XMLHttpRequest对象的一个属性,表示响应的HTTP状态码
- 200则表示请求成功
Ajax之get请求
get请求可以直接在浏览器地址栏进行访问请求
get请求传参
通过get请求传参 参数要写在" url?"的后面(xhr.open('get','http://localhost:3008/api/student/getStudent?id=1723708426340'))
ajax是异步操作
ajax在代码运行中属于异步操作,首先我们要明白异步操作的概念,
js的进程是一个单线程的,在js运行的过程中,其顺序为自上而下依次运行,当代码执行过程中遇到异步操作时,会将其先扔异步队列之后,待满足条件之后,再执行。