千锋教育Kerwin系列前端教程1000集（适合前端0基础，h5(html5)/

第一步: 实例化一个ajax对象

语法: const 变量名(xhr) = new XMLHttpRequest()

第二步: 配置请求信息

语法: xhr.open('请求方式', '请求地址', 是否异步)

请求方式: 严格按照接口文档执行

请求地址: 严格按照接口文档执行

是否异步:

默认发送的是异步请求 true

选填是false表示的是同步请求

第三步: 发送请求

语法: xhr.send()

第四步: 注册一个响应的函数

语法: xhr.onload = function () {

这里获取后端返回的结果

语法: xhr.responseText

          }

注意: 一个ajax实例只能发送一个请求

ajax的异步问题

ajax默认发送的是异步请求

就是我们的ajax请求不是每一步都是异步

有的是同步请求

之前我们在书写的时候是: 1 2 3 4

之后书写的时候: 1 2 4 3

这样书写不管是同步请求还是异步请求都可以拿到数据

ajax发送请求

 第一步: 实例化一个ajax对象

语法: const 变量名(xhr) = new XMLHttpRequest()

这一步是同步代码

  第二步: 配置请求信息

 语法: xhr.open('请求方式', '请求地址', 是否异步)

请求方式: 严格按照接口文档执行

请求地址: 严格按照接口文档执行

是否异步:

 默认发送的是异步请求 true

选填是false表示的是同步请求

也是同步代码

第三步: 发送请求

语法: xhr.send()

第四步: 注册一个响应的函数

语法: xhr.onload = function () {

   这里获取后端返回的结果

     语法: xhr.responseText

        }

        -> 也是同步请求

function ajax （options）

ajax {

解析失败 因为后端的结果不是