1. Ajax异步编程
1.1 同步异步概述
1.1.1 同步
一个人同一时间只能做一件事，只有一件事情做完，才能做另外一件事。
1.1.2 异步
一个人一件事情做了一半，转而去做别的事情，当其他事情做完以后，再回过头来继续做之前未完成的事情
落实到代码上，就是异步代码虽然需要花费时间去执行，但程序不会等待异步代码执行完成后再继续执行后续代码，而是直接执行后续代码，当后续代码执行完成后再回头看异步代码是否返回结果，如果已有返回结果，再调用事先准备好的回调函数处理异步代码执行的结果
1.2 Ajax封装
问题：发送一次请求代码过多，发送多次请求代码冗余且重复
结果方案：将请求代码封装到函数中，发请求时调用函数即可
2.FormData
2.1 FormData对象的作用
1.模拟成HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式
2.异步上传二进制文件
2.2 FormData对象的使用
1.准备HTML表单
2. 将HTML表单转化为formdata对象
3.提交表单对象
2.3 FormData对象的实例方法
1. 获取表单中对象中属性的值
2.设置表单对象中属性的值
注意：如果设置的表单属性存在，将会覆盖属性原有的值。 如果设置的表单属性不存在，将会创建这个表单属性
3.删除表单对象中属性的值
4.向表单对象中追加属性值
2.4 FormData二进制文件上传
2.5 FormData文件上传进度展示
ev.loaded文件已经上传了多少
ev.total 上传文件的总大小
2.6 FormData文件上传图片即时预览
在我们将图片上传到服务器端以后，服务器端通常都会将图片地址作为响应数据传递到客户端，客户端可以从响应数据中获取图片地址，然后将图片再显示在页面中
来源：CSDN
作者：-张铎-
链接：https://blog.csdn.net/zhanduo0118/article/details/103834464