当前位置: 首页 > article >正文

XMLHttpRequest的基础知识

  • get请求 

const xml = new XMLHttpRequest();
xml.open("GET", "https://jsonplaceholder.typicode.com/todos/1", true);
xml.onreadystatechange = function () {
  if (xml.readyState === 4 && xml.status === 200) {
    console.log(xml.responseText);
  }
};
xml.send(null);
  • post请求 

const xml = new XMLHttpRequest();
xml.open("post", "https://jsonplaceholder.typicode.com/posts", true);
xml.onreadystatechange = function () {
  if (xml.readyState === 4 && xml.status === 201) {
    console.log(xml.responseText);
  }
};
xml.setRequestHeader("Content-Type", "application/json");
xml.send(JSON.stringify({ title: "foo", body: "bar", userId: 1 }));
  • xhr.readyState 

0 - UNSET 尚未调用open方法
1 - OPENED open方法已被调用
2 - HEADERS_RECEIVED send方法已被调用,header已被接受
3 - LOADING 下载中,responseText已有部分内容
4 - DONE 下载完成
  • xhr.status 

2xx - 表示成功处理请求,如200
3xx - 需要重定向,浏览器直接跳转,无需我们操作,如301(永久重定向)、302(临时重定向)、304(返回的资源跟上次请求一样,直接使用浏览器缓存)
4xx - 客户端请求错误,如403(无权限) 、404(请求地址有问题)
5xx - 服务端错误


http://www.kler.cn/a/453940.html

相关文章:

  • java中两个系统进行非对称加密,两个系统的公私钥可以用一套吗?
  • CSS系列(38)-- Custom Properties高级应用详解
  • 基于 Python 大数据的计算机就业数据分析系统
  • 网络基础知识--4
  • 实战举例——vue.js组件开发
  • VMD-SSA-BiLSTM、VMD-BiLSTM、BiLSTM时间序列预测对比
  • sql-DQL(持续更新中...)
  • OCR(二) TesseractOCR 语言包训练
  • Linux内核 -- UIO (User-space I/O) 简介与使用笔记
  • 使用Grafana中按钮插件实现收发HTTP请求
  • 【C语言】矩阵乘法
  • 如何查看个人电脑ip和修改ip
  • FFmpeg 的常用API
  • 【机器学习】探索机器学习与人工智能:驱动未来创新的关键技术
  • 归并排序:JAVA
  • IntelliJ IDEA 中 Editor > General > Appearance 设置:编辑器的视觉外观和行为
  • C++--------------树
  • RK3576 Android14编译OTA包提示java.lang.UnsupportedClassVersionError问题
  • STM32学习之 蜂鸣器
  • mac远程控制另一台mac怎么操作?