之前是用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();