一.什么是AJAX?(Asynchronous JavaScript and XML)

AJAX = 异步的JS和XML

AJAX 是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换

AJAX 可以使网页实现异步更新 这意味着可某部分进行更新
传统的网页(不使用 AJAX)如果需要更新内容，必需重载整个网页面

二.怎么使用AJAX?

1.先引入axios库

2.使用axios函数

传入配置对象

再用.then回调函数接收结果 并做后续处理

三.认识URL

Uniform Resource Locator 统一资源定位符 用于访问服务器资源

1.URL每一部分有不同的作用

2.URL的查询参数

定义：浏览器提供给服务器额外信息，让服务器返回浏览器想要的数据
语法：http://xxxx.com/xxx/xxx?参数名1=值1&参数名2=值2

URL的查询参数的作用：浏览器提供给服务器额外信息，获取对应的数据

3.常用的请求方法和数据提交

请求方法:对服务器资源要执行的操作

数据提交:当数据需要在服务器上保存

axios请求配置

四.axios错误处理

五.HTTP协议-报文

请求报文:浏览器发送给服务器的内容叫做请求报文

请求报文组成:

1.请求行：请求方法，URL，协议
2.请求头：以键值对的格式携带的附加信息，比如Content-Type
3.空行：分隔请求头，空行之后的是发送给服务器的资源
4.请求体：发送的资源

响应报文:服务器按照HTTP协议要求的格式 返回给浏览器的内容

响应报文组成:

1.响应行:协议,HTTP响应状态码 状态信息

2.响应头:以键值对格式携带的附加信息

3.空行:分割响应头 空行之后是服务器返回的资源

4.响应体:返回的资源

HTTP响应状态码:用来表明请求是否成功完成

六.接口文档

由后端提供的描述接口的文章

七.form-serialize插件

可以快速收集表单元素的值

const form = document.querySelector('.example-form')//获取表单
const data = serialize(form,{hash:true,empty:false}) 获得表单数据

serialize()接收两个参数

参数1：要获得哪个表单的数据 表单元素设置name属性，值会作为对象的属性名 建议name属性的值，最好和接口文档参数名一致

参数2：配置对象

hash:设置获取数据结构 –

true:JS对象（推荐） 一般请求体里提交给服务器

-false；查询字符串

empty:设置是否获取空值

-true：获取空值（推荐）数据结构和标签结构一致

-false:不获得空值