浏览器模拟发送POST请求

JS的方法执行

javascript 复制代码
// 1. 创建一个隐形的 form 表单
const form = document.createElement('form');
form.method = 'POST';
form.action = 'https://www.test.com/test';

// 2. 准备你要发送的表单数据
const data = {'anti-csrftoken': 'grE54MSNYK5axJY5vyngrolPgrE54MSNvyngreYgPtdUewgP++K5axJY5wf2A'}

// 3. 将数据转换为表单里的隐藏 <input> 元素
for (const key in data) {
    if (data.hasOwnProperty(key)) {
        const hiddenField = document.createElement('input');
        hiddenField.type = 'hidden';
        hiddenField.name = key;
        hiddenField.value = data[key];
        form.appendChild(hiddenField);
    }
}

// 4. 把表单偷偷塞进当前页面的 DOM 树里
document.body.appendChild(form);

// 5. 提交表单, 触发一次真正的 document 类型 POST 请求
form.submit();

// 6. 提交完把这个临时表单清理掉
document.body.removeChild(form);

通过fetch的方法请求,右键选择复制 -> 以fetch格式复制。然后把复制的内容放到浏览器控制台重新运行一次。

PS: 这种方法只适合在浏览器已经发送过,你想要重新发送一次看看是什么情况。如果浏览器之前没有发送过这个请求,你运行则会显示404。

相关推荐
郭老二11 小时前
【前端】vue3:编译步骤
前端
不在逃避q12 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁12 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One98512 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易12 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师13 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户0595401744613 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈13 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen14 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒15 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端