chrome 模拟发送POST请求和GET请求

最新推荐文章于 2026-05-17 09:38:27 发布

原创最新推荐文章于 2026-05-17 09:38:27 发布 · 4.9k 阅读 ·

大模型引用 1 次

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

当前文章被以下社区和专栏收录：

代码可运行

文章展示了如何在浏览器的开发者工具中使用F12Console执行POST和GET请求。POST请求向http://ip地址:8080/test/?id=26323发送JSON格式的数据，而GET请求则获取http://IP:8080/testGet?id=235的信息，利用XMLHttpRequest对象处理响应状态和数据。

F12打开Console输入以下代码：

POST请求
var url = "http://ip地址:8080/test/?id=26323";
var params = {"billIds":["56141305725718528"],"billType":"VBNSC"};
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onload = function (e) {
if (xhr.readyState === 4) {
   if (xhr.status === 200) {
   console.log(xhr.responseText);
   } else {
   console.error(xhr.statusText);
   }
   }
};
xhr.send(JSON.stringify(params));
xhr.onerror = function (e) {
console.error(xhr.statusText);
};
GET请求
var url = "http://IP:8080/testGet?id=235";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
// xhr.setRequestHeader("Content-Type", "application/json");
xhr.onload = function (e) {
if (xhr.readyState === 4) {
   if (xhr.status === 200) {
   console.log(xhr.responseText);
   } else {
   console.error(xhr.statusText);
   }
   }
};
xhr.send();
xhr.onerror = function (e) {
console.error(xhr.statusText);
};