js使用post方式打開新窗口_javascript技巧

但是由于我希望傳遞參數(shù)到服務(wù)端，而且參數(shù)看起來(lái)很長(zhǎng)一串，而且get方式的提交參數(shù)長(zhǎng)度是有限制的，因此我有以下需求：

1，js中實(shí)現(xiàn)post提交

2，返回的頁(yè)面在新窗口顯示

首先我是這么做的：

代碼如下:
$.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);
}
});

通過(guò)jQuery ajax提交，返回的數(shù)據(jù)寫在新的頁(yè)面中，但是由于瀏覽器的會(huì)攔截自動(dòng)彈出的窗口，這樣還需用戶自己解除攔截，用戶體驗(yàn)很差，

然后我又通過(guò)模擬form表單的提交來(lái)實(shí)現(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'

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com