2013-07-22 140 views
29

我目前有一些代码运行window.open(urlWithGetParams)行。据我所知,这将迫使我使用GET请求。我想用POST请求来做到这一点。有没有解决方法?如何用POST替换window.open(...)

我还没有和window.open()结婚。我打开几乎任何可以让我通过POST请求而不是GET来产生新窗口的替代方法。

+1

请参阅http://stackoverflow.com/questions/5554896/window-open-post或http://stackoverflow.com/questions/3951768/window-open-and-pass-parameters-by-post-method -problem –

+2

“复制”中的操作对我来说不会真正起作用 - 我必须以某种方式将这些参数放到新窗口中,并且这需要通过......将它们发送出去。 GET请求? O_o – corsiKa

回答

91

其实我在岗位上做出了一个小的“库”只为这,打开一个新窗口:

// Arguments : 
// verb : 'GET'|'POST' 
// target : an optional opening target (a name, or "_blank"), defaults to "_self" 
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(); 
}; 

实施例:

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

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

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

,或者确保它是一个新的窗口/选项卡每个时间:

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

很显然,你应该给它比open,这样你就不会影着现有的其他名称。理想情况下,你应该命名空间。

+0

我喜欢它,它确实运行了一个帖子,但它并没有打开一个新窗口(至少在IE 9.0.8112.16421 – corsiKa

+0

@corsiKa中,如果你设置目标参数,它会打开一个新窗口:open(' POST',url,{},'newwin')' –

+0

美丽!我做了var reportWindowName = Math.random()。toString(36).substr(2,9);'如果我多次点击它,每个报告都会在新窗口中打开(很好,可能是:-)) – corsiKa

6

我所做的是我做了一个JavaScript AJAX帖子,然后我把我得到的内容放到一个新窗口中。

这样的事情(使用jQuery,但是你可以使用任何AJAX实现):

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

我应该指出,我尝试过这一点,它的工作原理减一件事:关于水晶报告(这是我这样做的)不会传递参数。不过,这可能是我实施该建议的方式。 – corsiKa

+3

我在Chrome 38版本中使用此建议代码,并被弹出式窗口拦截器拦截! –