浏览器模拟发送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 小时前
3位工程师靠“删AI代码”创业,一周收费1万美元:以后最贵的能力,可能不是写代码
前端·后端·架构
Curvatureflight1 小时前
客户端日志上报怎么设计?让线上问题不再只靠用户截图
前端·系统架构
不法1 小时前
uniapp map地图导航/地图路线
前端·vue.js·uni-app
mONESY1 小时前
基于MCP协议搭建全链路智能Agent:地图检索+浏览器自动化+本地文件操控实战
javascript
星栈2 小时前
LiveView 页面越写越卡,我最后抓到的凶手不是数据库,是我自己乱塞 `assigns`
前端·前端框架·elixir
研☆香2 小时前
闭包实战避坑指南
javascript
没落英雄2 小时前
6. 从零搭建一个 AI Agent —— 构建 Web 前端,让用户能和 agent 实时交互
前端·人工智能·架构
爱勇宝2 小时前
《道德经》第4章,老子写得很像在描述一个“底层系统”。
前端·后端·程序员