1. 程式人生 > >這篇文章主要介紹了js使用post 方式開啟新視窗的相關資料,需要的朋友可以參考下

這篇文章主要介紹了js使用post 方式開啟新視窗的相關資料,需要的朋友可以參考下

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

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

1,js中實現post提交

2,返回的頁面在新視窗顯示

首先我是這麼做的:

複製程式碼程式碼如下:
 $.ajax({   
                     type: "POST",   
                     url: '${contextPath}/analyse/detail.do',   
                     data: {carNum :carNum,ids:refIds},   
                     success: function(str_response) { var obj = window.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});就可以了