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

F12发起GET与POST请求示例

最新推荐文章于 2025-10-17 16:53:19 发布

原创最新推荐文章于 2025-10-17 16:53:19 发布 · 5.5k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #前端 #http

其他专栏收录该内容

66 篇文章

订阅专栏

本文提供了一个使用F12开发者工具通过Console发起GET和POST请求的示例。示例中包含了设置请求头、处理响应及错误的方法。

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);
};