一、Ajax
1.1 含义
Ajax 的全称时 Asynchronous JavaScript And XML (异步 JavaScript和XML)
1.2 作用
能让我们轻松实现网页与服务器之间的数据交互
1.3 应用场景
- 用户名检测 :注册用户时,通过ajax的形式,动态加载检测用户名是否被占用
- 搜索提示: 当输入搜索关键字时,动态加载搜索提示列表
- 数据分页显示: 当点击页码值的时候,通过ajax的形式,根据页码值动态刷新表格的数据
- 数据的增删改查: 数据的添加、删除、修改、查询操作,都需要通过ajax的形式,来实现数据的交互
1.4 $.get()
使用 $.get() 函数发起不带参数的请求时,直接提供请求的URL地址和请求成功之后的回调函数即可
1.5 $.post()
二、XMLHttpRequest的基本使用
1.含义
(简称xhr) 是浏览器提供的JavaScript对象,通过它,可以请求服务器上的数据资源。之前所学的jQuery中的Ajax函数,就是基于xhr对象封装出来的
2.使用xhr发起GET请求
步骤
1. 创建 xhr 对象
2. 调用xhr.open() 函数
3. 调用xhr.send()函数
4. 监听 xhr.onreadystatechange 事件
2.使用xhr发起POST请求
步骤
- 创建xhr对象
- 调用xhr.open() 函数
- 设置Content-Type 属性(固定写法)
- 调用 xhr.send() 函数 同时指定要发送的数据
- 监听xhr.onreadystatechange事件
三、axios
1. 含义
Axios是专注于网络数据请求的库
2.axios发起GET请求
3.axios发起POST请求
语法