模拟表单提交进行post方式数据传递

问题描述

我们可以使用window.open来打开一个新窗口，但是由于地址栏的参数长度限制，当有很大的数据需要交互时，就不能通过地址栏传参，这个时候想到了通过模拟form表单提交post方式传值。

代码实现

/*
url:请求的目标地址
data:传递的数据
*/
function openPostWindow(url, data) {
    //iframe框架解决跨域问题
    var tempFrame = document.createElement("iframe"); 
    //创建表单
    var tempForm = document.createElement("form");     
    tempForm.id="tempForm1";     
    tempForm.method="post"; 
    tempForm.action=url;  
    tempForm.target="_blank";   
    var opt = document.createElement("input");
    opt.setAttribute('type', 'text');
    opt.setAttribute('name', 'content');
    opt.setAttribute('value', data);
    tempForm.appendChild(opt);
    var sub = document.createElement("input");
    sub.type = "submit";
    tempForm.appendChild(opt);
    tempFrame.appendChild(tempForm);
    document.body.appendChild(tempFrame);
    tempForm.submit();
    document.body.removeChild(tempFrame);
}

服务器端数据的接收

我的后台使用的是node.js，koa框架，直接使用ctx.request.body.content就可以获取到传过来的content值了