問題來源于get和post的特點和限制。對于get請求，我們可以很方便的使用window.opener的方式與父頁面進行通訊，但是根據http協議的規定，url最大長度是2083個字節,可以用于GET傳遞數據的長度是2048個字節。對于post請求，雖然沒有最大長度的限制，卻不能方便的使用window.opener與父頁面進行通訊。
關于如何使用javascript自動將一段get請求轉變成一個post請求，網上有很多的方法，其主要思想就是動態構造一個iframe，并將get請求中的url參數值賦給input控件，最后設置form的action地址并調用submit方法。
解決方法，http://www.wfuwu.com/a/view/9274.html
這里轉載如下：
var PostNewWin = function(url){
var urlArr = url.split("?");
var postUrl = urlArr[0];
var postData = urlArr[1];
var iframe = document.getElementById("postData_iframe");
if(!iframe){
iframe = document.createElement("iframe");
iframe.id = "postData_iframe";
iframe.scr= "about:blank";
iframe.frameborder = "0";
iframe.style.width = "0px";
iframe.style.height = "0px";
var form = document.createElement("form");
form.id = "postData_form";
form.method = "post";
form.target = "_blank";
document.body.appendChild(iframe);
iframe.contentWindow.document.write("<body>" + form.outerHTML + "</body>");
}
iframe.contentWindow.document.getElementById("postData_form").innerHTML = "<input name='postData' id='postData' type='text' value='" + postData + "'/>";
iframe.contentWindow.document.getElementById("postData_form").action = postUrl;
iframe.contentWindow.document.getElementById("postData_form").submit();
};
例如原來有一個函數，使用get請求打開新頁面
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
var win =window.open(url);
}
因為ur的長度問題，現在改為使用post方式提交，如下所示：
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
//var win =window.open(url);
PostNewWin(url);
}
這里有一個問題就是，使用這種方式后，就無法使用window.opener與父頁面進行交互了，因為通過這個函數，已經將get請求變成一個post請求了。為了可以使用post的方式提較大數據，同時也可以使用window.open(url)方式的window.opener與父頁面通訊，在這里做一點小的改版，首先使用window.open(url)時候，增加一個參數，指定打開窗口的名稱,，如下所示：
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
var winName = "";
var win =window.open("about:blank",winName );
PostNewWin(url,winName);
}
同時修改PostNewWin函數，將這個新窗口的句柄傳遞給這個函數，將post請求的target設置為這個參數，如下所示：
var PostNewWin = function(url,winName){
.........
form.target = winName;
.......
};
這樣就可以同時使用post和get兩種方式的優點了。
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
