首页 > Web开发 > 详细

JS--原生Ajax

时间:2022-05-27 22:42:42      阅读:5      评论:0      收藏:0      [点我收藏+]

GET 请求

// GET 请求
// 创建XMLHTTPRequest对象
const xhr = new XMLHttpRequest();

// 设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数
xhr.open("get", `url地址?id=${id}`);

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

// 注册事件 onreadystatechange 状态改变就会调用
xhr.onreadystatechange = function () {

  if (xhr.readyState === 4 && xhr.status === 200) {

    console.log(xhr.response);
  }
}

POST 请求

// POST 请求
const xhr = new XMLHttpRequest();

// 配置请求头,post请求一定要添加请求头,不然会报错
xhr.setRequestHeader("Content-type","application/x-www-urlencoded");

xhr.open("POSt","url地址");
xhr.send(`id=${id}&age=${age}`);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.response);
  }
}

JS--原生Ajax

原文:https://www.cnblogs.com/fuct/p/15359229.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!