0
点赞
收藏
分享

微信扫一扫

原生 AJAX 具体用法

young_d807 2022-04-03 阅读 70
javascript

GET 请求

• 通常在一次 GET 请求过程中,参数传递都是通过 URL 地址中的 `?` 参数传递。

• 一般在 GET 请求中,无需设置请求头

• 无需设置响应体,可以传 null 或者干脆不传POST 请求

• POST 请求过程中,都是采用请求体承载需要提交的数据。

• 需要设置请求头中的 Content-Type,以便于服务端接收数据

• 需要提交到服务端的数据可以通过 send 方法的参数传递

  var xhr = new XMLHttpRequest();
    // 发送 GET 请求
    xhr.open("GET", "http://localhost:3000/users?age=19");
    xhr.send(null);
    xhr.onreadystatechange = function () {
      if (this.readyState === 4) {
        console.log(this.responseText);
      }
    }

 var xhr = new XMLHttpRequest();
    // post 请求
    xhr.open("POST","http://localhost:3000/users");
    // 设置请求头
    // xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xhr.setRequestHeader("Content-Type","application/json");
    // xhr.send("name=lily&age=19&class=2");
    // xhr.send(`{
    //   "name": "lulu",
    //   "age": 18,
    //   "class": 2
    // }`);
    xhr.send(JSON.stringify({
      "name": "harry",
      "age": 18,
      "class": 1
    }));
    xhr.onreadystatechange = function () {
      if (this.readyState === 4) {
        console.log(this.responseText);
      }
    }

举报

相关推荐

0 条评论