js使用post 方式開啟新視窗_javascript技巧

js中一般新開啟視窗很簡單直接window.open(url);就可以了，

但是由於我希望傳遞參數到服務端，而且參數看起來很長一串，而且get方式的提交參數長度是有限制的，因此我有以下需求：

1，js中實作post提交

2，回傳的頁面在新視窗顯示

首先我是這麼做的：

複製程式碼 程式碼如下:

 $.ajax({  
                     type: "POST",  
                     url: '${contextPath}/analyse/detail.do',  
                     data: {carNum :carNum,ids:refIds},  
                     中點式： function(str_response) { var obj = window.open("about:blank.open("about:blank);  
                        obj.document.write(str_response);  
                     }  
                 });

透過jQuery ajax提交，返回的資料寫在新的頁面中，但是由於瀏覽器的會攔截自動彈出的窗口，這樣還需使用者自己解除攔截，使用者體驗很差，

然後我又透過模擬form表單的提交來實現

複製程式碼 程式碼如下:

function post(URL, PARAMS) { var temp_form = document.createElement("form");     
            temp_form .action = URL;     
            temp_form .target = "_blank";
            temp_form .method = "post";     
            temp_form .style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("textarea");                    opt.name = x;     
                opt.value = PARAMS[x];     
                temp_form .appendChild(opt);     
            }     
            document.body.appendChild(temp);     
            temp_form .submit();    
        }

注意：如需新開啟視窗 form 的target屬性要設定為'_blank'

然後請求post('${contextPath}/analyse/detail.do',{carNum :carNum,ids:refIds});就可以了