1. 程式人生 > >JS如何在網頁中POST任意內容並跳轉(完)

JS如何在網頁中POST任意內容並跳轉(完)

之前是用jQuery的post()方法實現向伺服器POST資料。
現在新需求需要呈現伺服器返回的HTML頁面。這個呈現是類似於普通form提交後跳轉的過程。

引入程式碼

首先引入JQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function StandardPost(url,args) 
{
       var form = $("<form method='post'></form>"),
           input;
       form.attr({"action":url});
$.each(args,function(key,value){ alert(key); alert(value); input = $("<input type='hidden'>"); input.attr({"name":key}); input.val(value); form.append(input); }); $(document.body).append(form); form.submit();
} //var args = { shopid: 'one', b: 'two', c: 'three', d: 'four', e: 'five' }; var args = { dosubmit: "dosubmit","shopid[0]": "264"}; StandardPost(url,args)

可能出現的問題

  • 錯誤Form submission canceled because the form is not connected
    1
    
    chrome56版本以後修復form提交的bug,form = $('<form></form>')建立好後,要$(document.body).append(form);然後form.submit();