js发送ajax请求

58 阅读1分钟

步骤

  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)
}