js post 方式 新開窗口

js中通常新打開窗口很簡單直接window.open(url);就能夠了, ajax

可是因爲我但願傳遞參數到服務端,並且參數看起來很長一串,並且get方式的提交參數長度是有限制的,所以我有如下需求: 瀏覽器

1,js中實現post提交 app

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

首先我是這麼作的: url

複製代碼
 $.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提交,返回的數據寫在新的頁面中,可是因爲瀏覽器的會攔截自動彈出的窗口,這樣還需用戶本身解除攔截,用戶體驗不好, spa

而後我又經過模擬form表單的提交來實現 code

複製代碼
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' orm

而後請求post('${contextPath}/analyse/detail.do',{carNum :carNum,ids:refIds});就能夠了 get

相關文章
相關標籤/搜索