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

代码手艺人老羊

于 2022-12-14 15:22:24 发布

阅读量5.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：其他文章标签： chrome 前端 http

本文链接：https://blog.youkuaiyun.com/HelloWorldYangSong/article/details/128316938

其他专栏收录该内容

66 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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