window.open()方法以post请求方式打开新窗口

最新推荐文章于 2022-03-18 16:09:23 发布

似水流年风萧兮

最新推荐文章于 2022-03-18 16:09:23 发布

阅读量4k

点赞数 3

分类专栏：前端文章标签： window.open post 打开新窗口

本文链接：https://blog.csdn.net/mr_zql/article/details/106730773

版权

前端专栏收录该内容

5 篇文章

订阅专栏

var postParams = {}; 
postParams.param1 = "param1";
postParams.param2 = "param2";
//当url前无域名时，记得获取host，否则浏览器会报NS_ERROR_MALFORMED_URI错误
var url = "/zqlweb/rest/test/download";
windowOpen(url,postParams);

/**
 * window.open()方法以post请求方式打开新窗口
 * @param url 请求地址
 * @param postParams 请求参数
 */
function windowOpen(url,postParams) {
    var newWin = window.open();
    //没有host时，浏览器会报NS_ERROR_MALFORMED_URI错误，所以url需要加上host，host包括端口号
    var host = location.origin;
    url = host+url;
    var formStr = '<form style="visibility:hidden;" method="POST" action="' + url + '">';
    for(var key in postParams){
    	formStr += "<input type='text' name='"+ key +"' value='"+ postParams[key] +"' style='display: none'>";
    }
    formStr += "</form>";
    newWin.document.body.innerHTML = formStr;
    newWin.document.forms[0].submit();
    //窗口关闭事件
    setTimeout(function () {
    	newWin.close();
    }, 250);
}