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();