如何在Chrome/Safari开发者工具控制台发送POST请求？

方法1：使用fetch API（推荐，现代浏览器原生支持） #

直接在控制台输入以下代码，按需替换参数即可：

// 发送JSON格式的POST请求
fetch('你的目标接口URL', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    // 可按需添加其他请求头，比如 Authorization: 'Bearer 你的令牌'
  },
  body: JSON.stringify({
    param1: '参数值1',
    param2: '参数值2'
  })
})
.then(response => response.json()) // 根据响应格式选择，如text()、blob()
.then(data => console.log('响应结果:', data))
.catch(error => console.error('请求异常:', error));

• 替换你的目标接口URL为实际请求地址
• 若需发送表单数据，无需设置Content-Type，改用FormData对象：

const formData = new FormData();
formData.append('username', 'test');
formData.append('email', 'test@example.com');

fetch('你的目标接口URL', {
  method: 'POST',
  body: formData
})
.then(res => res.json())
.then(data => console.log(data));

执行后，打开开发者工具的Network面板，就能看到这条POST请求的完整详情，和你示例图中的效果一致。

方法2：使用XMLHttpRequest（兼容旧场景） #

如果需要兼容更旧的浏览器环境，可使用传统的XHR方式：

const xhr = new XMLHttpRequest();
xhr.open('POST', '你的目标接口URL');
xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onload = function() {
  if (xhr.status >= 200 && xhr.status < 300) {
    console.log('响应结果:', JSON.parse(xhr.responseText));
  } else {
    console.error('请求失败:', xhr.statusText);
  }
};

xhr.onerror = function() {
  console.error('请求出错');
};

xhr.send(JSON.stringify({ param1: '参数值1', param2: '参数值2' }));

内容的提问来源于stack exchange，提问作者connanz1234