js使用post 方式打開新窗口
js中一般新打開窗口很簡單直接window.open(url);就可以了,
但是由于我希望傳遞參數(shù)到服務(wù)端,而且參數(shù)看起來很長一串,而且get方式的提交參數(shù)長度是有限制的,因此我有以下需求:
1,js中實現(xiàn)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提交,返回的數(shù)據(jù)寫在新的頁面中,但是由于瀏覽器的會攔截自動彈出的窗口,這樣還需用戶自己解除攔截,用戶體驗很差,
然后我又通過模擬form表單的提交來實現(xiàn)
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屬性要設(shè)置為'_blank'
然后請求post('${contextPath}/analyse/detail.do',{carNum :carNum,ids:refIds});就可以了
相關(guān)文章
JavaScript實現(xiàn)簡單動態(tài)進度條效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單動態(tài)進度條效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-04-04javascript 三種數(shù)組復(fù)制方法的性能對比
javascript 三種數(shù)組復(fù)制方法的性能對比,對于webkit, 使用concat; 其他瀏覽器, 使用slice.2010-01-01uniapp使用u-upload組件來實現(xiàn)圖片上傳功能
最近在用uniapp開發(fā)微信小程序,下面這篇文章主要給大家介紹了關(guān)于uniapp使用u-upload組件來實現(xiàn)圖片上傳功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-01-01TypeScript?使用?Tuple?Union?聲明函數(shù)重載
這篇文章主要介紹了TypeScript?使用?Tuple?Union?聲明函數(shù)重載,TypeScript 中為函數(shù)添加多個簽名后,依然需要添加相應(yīng)的代碼來判斷并從不同的簽名參數(shù)列表中獲取對應(yīng)的參數(shù),下文就來探索方法和技巧吧2022-04-04JavaScript中立即執(zhí)行函數(shù)實例詳解
javascript和其他編程語言相比比較隨意,所以javascript代碼中充滿各種奇葩的寫法,有時霧里看花,當然,能理解各型各色的寫法也是對javascript語言特性更進一步的深入理解。這篇文章主要給大家介紹了關(guān)于JavaScript中立即執(zhí)行函數(shù)的相關(guān)資料,需要的朋友可以參考下。2017-11-11