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

相关推荐
道友可好19 分钟前
AI 是最好的混乱放大器:代码熵管理实战
前端·人工智能·后端
猩猩程序员1 小时前
前端学习 AI Agent 开发
前端
Younglina2 小时前
打了3年羽毛球球才发现:我对自己的装备和胜率一无所知
前端·后端
风骏时光牛马2 小时前
Bash脚本高阶实战与常见报错完整代码案例详解
前端
kartjim2 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·程序员·ai编程
lichenyang4532 小时前
从一个 WebView Demo 开始,理解 ASCF 小程序底座到底在做什么
前端
牧艺2 小时前
用 Next.js 搭建 AI Agent 前端编排:从 Plan 到 SSE Trace 的完整实践
前端·agent
行者全栈架构师2 小时前
UniApp集成vk-uview-ui组件库详解:打造高效UI开发体验
前端·vue.js
林希_Rachel_傻希希2 小时前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
sunrains2 小时前
uniapp x 动态Tabbar(切换无闪烁)+动角标+主题切换+自定义tabbar页面导航栏样式设置 支持服务端动态配置根据角色动态设置Tabbar
前端