前后端交互 -- ajax

1. Ajax

ajax是Ajax即"Asynchronous Javascript And XML"(异步 Javascript 和 XML)
XML是和JSON一样是目前主流的两种返还格式
ajax前端交互方式之一，最流行
ajax的特点：无刷，局部更新

ajax的基本使用

1.新建XMLHttpRequest对象,实例化ajax对象
 let xhr = new XMLHttpRequest()
2.创建请求并配置参数
 参数1：提交方式 get/post
 参数2：提交地址
 参数3：布尔值，是否异步 true表示异步
 xhr.open("get","/checkUserName",true)
3.接收返还值,请求成功后，执行该函数
 xhr.onload=function(){}
 返还值为xhr.responseText
4.发送服务器
 xhr.send()

ajax中的upload事件

1.xhr.upload.onloadstart=function(){} 文件上传开始时执行
2.xhr.upload.onprogress=function(){}
 数据传输进行中执行，执行多次，会返还一个参数ÿ