浏览器发送POST请求

一、Chrome浏览器过滤POST请求

按F12打开控制台,选择Network(),在Filter输入栏输入 method:POST,即可
在这里插入图片描述

二、Chrome浏览器发送POST请求

按F12打开控制台,选择Console,输入请求接口:

> fetch(new Request('url',{
    method:'POST', 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    body:"param1=value1&param2=value2"
})).then((resp)=>{console.log(resp)})
fetch("https://www.cnblogs.com/dolphin0520/ajax/GetPostStat", {
  "headers": {
    "accept": "application/json, text/javascript, */*; q=0.01",
    "accept-language": "zh-CN,zh;q=0.9",
    "content-type": "application/json; charset=UTF-8",
    "sec-ch-ua": "\" Not A;Brand\";v=\"99\", \"Chromium\";v=\"96\", \"Google Chrome\";v=\"96\"",
    "sec-ch-ua-mobile": "?0",
    "sec-ch-ua-platform": "\"Windows\"",
    "sec-fetch-dest": "empty",
    "sec-fetch-mode": "cors",
    "sec-fetch-site": "same-origin",
    "x-requested-with": "XMLHttpRequest"
  },
  "referrer": "https://www.cnblogs.com/dolphin0520/p/3932921.html",
  "referrerPolicy": "origin-when-cross-origin",
  "body": "[3932921]",
  "method": "POST"
});

在这里插入图片描述

  • 9
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
浏览器发送 POST 请求时,可以使用 JavaScript 来实现。以下是一个简单的例子: ```javascript // 创建一个 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 设置请求方法和 URL xhr.open("POST", "http://example.com/api", true); // 设置请求头 xhr.setRequestHeader("Content-Type", "application/json"); // 监听请求状态变化 xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功 console.log(xhr.responseText); } }; // 构建请求体 var data = { key1: "value1", key2: "value2" }; // 发送请求 xhr.send(JSON.stringify(data)); ``` 在上述代码中,我们首先创建了一个 `XMLHttpRequest` 对象,然后使用 `open` 方法指定了请求方法(POST)和 URL(http://example.com/api)。接下来,我们设置了请求头 `Content-Type` 为 `application/json`,表示请求体的数据类型为 JSON。 然后,我们通过监听 `onreadystatechange` 事件来处理请求状态变化。当请求状态为 4(请求已完成)且状态码为 200(成功)时,我们可以通过 `responseText` 属性获取服务器返回的响应数据。 最后,我们构建了一个包含要发送的数据的 JavaScript 对象,并使用 `JSON.stringify` 方法将其转换为 JSON 字符串。最后,通过调用 `send` 方法发送请求。 请注意,由于浏览器的同源策略限制,上述代码只能在与请求 URL 同源的页面中执行。如果需要跨域发送 POST 请求,可以考虑使用 CORS 或代理服务器等方式解决。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值