javascript如何发送请求_fetch api怎么用

Fetch API 是 JavaScript 发送网络请求最常用、现代的方式，基于 Promise，需手动解析 response.json() 并检查 response.ok 以处理 4xx/5xx 错误，支持 async/await 语法提升可读性。

JavaScript 发送网络请求，最常用、现代的方式就是 Fetch API。它基于 Promise，语法简洁，取代了老旧的 XMLHttpRequest（XHR），是目前浏览器原生支持的标准方案。

基本用法：GET 请求

最简单的场景是获取数据（比如从 JSON 接口读取用户列表）：

fetch() 接收一个 URL 字符串，返回一个 Promise，成功时 resolve 一个 Response 对象（不是直接的数据！）：

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json(); // 注意：要手动解析 JSON
  })
  .then(data => console.log(data))
  .catch(err => console.error('请求失败:', err));

登录后复制

发送 POST 请求（带 JSON 数据）

提交表单或调用接口时常用。关键点：设置 headers 和 body：

立即学习“Java免费学习笔记（深入）”；

标签： javascript java js json 浏览器 app ai dns 状态码