Ajax部分笔记

一、Ajax

1.1 含义

Ajax 的全称时 Asynchronous JavaScript And XML （异步 JavaScript和XML）

1.2 作用

能让我们轻松实现网页与服务器之间的数据交互

1.3 应用场景

1. 用户名检测 ：注册用户时，通过ajax的形式，动态加载检测用户名是否被占用
2. 搜索提示： 当输入搜索关键字时，动态加载搜索提示列表
3. 数据分页显示： 当点击页码值的时候，通过ajax的形式，根据页码值动态刷新表格的数据
4. 数据的增删改查： 数据的添加、删除、修改、查询操作，都需要通过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请求

步骤

1. 创建xhr对象
2. 调用xhr.open() 函数
3. 设置Content-Type 属性(固定写法)
4. 调用 xhr.send（） 函数 同时指定要发送的数据
5. 监听xhr.onreadystatechange事件

三、axios

1. 含义

Axios是专注于网络数据请求的库

2.axios发起GET请求

3.axios发起POST请求

语法

4.axios直接发起请求