JavaScript使用POST打开新页面
POST 方式的页面跳转，在前端其实也能搞定，关键就看你怎么用。常见的[removed].href和标签默认都是 GET 求，简单但有局限。想传点大数据量、避免敏感信息出现在地址栏？那 POST 就更合适了。
用表单模拟 POST 求是个比较老练的做法，搭配form.target = '_blank'，就能打开一个新页面，还能传参数，挺方便的。你甚至可以用 JS 动态创建表单字段，比如账号、token 之类的都能一并塞进去。
POST 的好处？不容易被缓存，参数也藏在求体里，看不到。像后台报表下载、大文件提交这些场景，用 POST 更安心。下面这段代码，就是整个流程的核心：
function submitForm() {
var form = document.getElementById('myForm');
var input1 = document.createElement('input');
input1.name = 'dynamicKey';
input1.value = 'dynamicValue';
form.appendChild(input1);
form.target = '_blank';
form.submit();
}要注意哦，这方法只能在同域下用，跨域会被浏览器拦。要跨域得配合服务端，比如加 CORS 头。要是你用fetch或XMLHttpRequest发 POST，也可以模拟跳转，但那其实不是真正打开了新页面，只是跳到响应结果。
如果你平时需要做下载、提交或者跳转操作，又想保持数据安全，真心建议你试试这种方式。简洁、省事，还挺好维护的。
文件大小：1.08KB
评论区