如何用POST替换window.open(...)

Question

我目前有一些运行window.open(urlWithGetParams)一行的代码.据我所知,这将迫使我使用GET请求.我想用POST请求来做这件事.这有解决方法吗？

我也没有结婚window.open().我愿意接受任何允许我通过POST请求而不是GET生成新窗口的替代方案.

Answer 1

事实上,我为此制作了一个小"库",在POST中打开一个新窗口:

// Arguments :
//  verb : 'GET'|'POST'
//  target : an optional opening target (a name, or "_blank"), defaults to "_self"
window.io = {
    open: function(verb, url, data, target){
        var form = document.createElement("form");
        form.action = url;
        form.method = verb;
        form.target = target || "_self";
        if (data) {
            for (var key in data) {
                var input = document.createElement("textarea");
                input.name = key;
                input.value = typeof data[key] === "object"
                    ? JSON.stringify(data[key])
                    : data[key];
                form.appendChild(input);
            }
        }
        form.style.display = 'none';
        document.body.appendChild(form);
        form.submit();
        document.body.removeChild(form);
    }
};

示例:

io.open('POST', 'fileServer.jsp', {request: {key:"42", cols:[2, 3, 34]}});

要在新窗口中打开,请设置target参数:

io.open('POST', someURL, someArgs, 'newwin');

或者每次确保它是一个新的窗口/标签:

io.open('POST', someURL, someArgs, '_blank');

显然你应该给它一个名字target,不要让你不要遮住现有的名字.理想情况下,您应该命名它.

Answer 2

我做的是我做一个javascript AJAX帖子,然后我把我收到的内容放到一个新窗口.

像这样的东西(使用jQuery,但你可以使用任何AJAX实现):

$.post(URL, DATA, function(d){
    var new_window = window.open();
    $(new_window.document.body).append(d);
});