js中XMLHttpRequest的基础用法,基础的ajax请求

步骤

1. 创建对象
2. 设置请求方式和请求地址
3. 发送请求
4. 获取数据

代码示例

// 创建对象
 var http = new XMLHttpRequest();

// 设置请求方式，和请求地址
http.open('get', 'http://localhost/admin')

// 发送请求
http.send();

// 接收服务器端返回的数据
http.onload = function () {
    // json字符串转换成对象
    const res = JSON.parse(http.responseText)
}

发送post请求

// 创建对象
 var http = new XMLHttpRequest();

// 设置请求方式，和请求地址
http.open('post', 'http://localhost/admin')
// 设置请求头信息
http.setRequestHeader('Content-Type', 'applicaticon/x-www-form-urlencoded')

// 发送请求
http.send('请求参数');

// 接收服务器端返回的数据
http.onload = function () {
    // json字符串转换成对象
    const res = JSON.parse(http.responseText)
    // 对象转成字符串
    const str = JSON.stringify(res)
}