浏览器模拟发送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。

相关推荐
里欧跑得慢1 小时前
CSS 模块化架构的演进:BEM、CSS Modules 到 CSS-in-JS 的反思
前端·css·flutter·web·css-in-js
IT_陈寒1 小时前
Vue的computed属性把我坑惨了,原来我一直用错姿势
前端·人工智能·后端
小灰灰搞电子2 小时前
Rust+Slint 实现温度计源码分享
前端·rust·slint
计算机魔术师2 小时前
面壁智能 OpenBMB 推出 MathForm,面向 Lean 4 数学自动形式化的开源框架、数据集与模型
前端
NeilCarmack2 小时前
Deepseek-harness增加桌面版端序列:第 2 讲 · spawn Electron:当前进程如何“交棒“
前端·javascript·electron
上海魁鲸科技有限公司3 小时前
APS高级排产系统到底有什么用?一文讲清功能、选型与落地建议
前端·microsoft·excel
陈随易3 小时前
Bun v1.4 更新总结:把浏览器、图片、定时任务和工程工具都装进一个运行时
前端·后端·程序员
东风破_5 小时前
TypeScript 高级类型进阶:keyof、Exclude、Record 与类型组合思想
前端·后端·typescript
DS随心转插件5 小时前
Grok生成的html怎么导出——AI导出鸭:大模型结构化输出的“最后一公里”工程化解构
前端·人工智能·ai·html·豆包·deepseek·ai导出鸭
এ慕ོ冬℘゜5 小时前
使用 jQuery 动态渲染表格与状态切换
前端·javascript·jquery