ajax 方法

目录

ajax 方法实现步骤

1. 创建 ajax 对象

2. 配置请求信息

3. 发送请求信息

4. 配置请求完成事件

ajax 方法实现步骤

ajax 是一种前后端交互的方法，有固定的方法和步骤；

1. 创建 ajax 对象

// xhr 就是创建出来的 ajax 对象，可以发送一个请求
var xhr = new XMLHttpRequest()

2. 配置请求信息

/*
    语法: xhr.open('请求方式', '请求地址', 是否异步)
        => 请求方式: 'GET', 'POST'
        => 请求地址: 基准地址 + 接口地址
        => 是否异步: 选填，默认是异步
*/
xhr.open('GET', 'url...')

3. 发送请求信息

xhr.send()

4. 配置请求完成事件

/*
    语法: xhr.onload = function () { ... }
    触发：请求完成以后触发(后端给回对应的响应)
    响应数据:
        => 在 ajax对象 内有一个 responseText 成员
        => 请求完成后 responseText 中就是响应数据
        
*/
xhr.onload = function () {
    console.log(xhr.responseText)
}