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

时间:2013-07-22 16:55:44

标签: javascript html

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

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

2 个答案:

答案 0 :(得分:96)

事实上我为此制作了一个小“库”,在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');

答案 1 :(得分:6)

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

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

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