首頁猿問如何在網頁中POST任意內容并跳轉

如何在網頁中POST任意內容并跳轉

JavaScript

四季花海 2019-04-09 20:25:45

之前是用jQuery的post()方法實現(xiàn)向服務器POST數(shù)據.現(xiàn)在新需求需要呈現(xiàn)服務器返回的HTML頁面.這個呈現(xiàn)是類似于普通form提交后跳轉的過程.解釋:使用表單進行POST的方法點擊Submit就可以向"/B"POST數(shù)據并跳轉到B頁面Ajax方法$.post("/B",{"foo":"bar"})這種方法能夠POST自定義數(shù)據但是不能夠跳轉到B頁面現(xiàn)在的需求:用JavaScript控制POST的數(shù)據內容并跳轉到B頁面,類似ExtJS的standardSubmit功能需求決定我們不能在頁面上使用form來提交數(shù)據.因為提交的數(shù)據是頁面上幾個Div的全部HTML內容(實際上是富文本編輯器).使用jQuery的.html()方法取得這些HTML內容.現(xiàn)在想到的思路是使用jQuery在內存中建立一個form對象,然后調用這個對象的submit方法form=$("")str=$("#bar").html()input=$("").val(str).attr('name','bar')form.append(input)//....繼續(xù)添加字段form.submit()上面這種方法雖然能用,但是感覺很丑,有沒有更好的方法?

查看完整描述

2 回答

慕哥6287543

TA貢獻1831條經驗獲得超10個贊

擴展：$.extend({StandardPost:function(url,args){varform=$(""),input;form.attr({"action":url});$.each(args,function(key,value){input=$("");input.attr({"name":key});input.val(value);form.append(input);});form.submit();}});調用：$.StandardPost('url/path/req',{arg0:'arg0',arg1:'arg1'});

反對回復 2019-04-09

慕萊塢森

TA貢獻1810條經驗獲得超4個贊

$.extend({StandardPost:function(url,args){varform=$(""),input;form.attr({"action":url});$.each(args,function(key,value){input=$("");input.attr({"name":key});input.val(value);form.append(input);});form.submit();}});這段代碼有兼容性問題，在IE低版本和火狐下不通過，需要在submit前將form.appendTo(document.body)，否則無法提交且不會報錯，submit后應該從body中remove此結點。另建議給form加上display:none防止影響展現(xiàn)，最終代碼如下：$.extend({StandardPost:function(url,args){varbody=$(document.body),form=$(""),input;form.attr({"action":url});$.each(args,function(key,value){input=$("");input.attr({"name":key});input.val(value);form.append(input);});form.appendTo(document.body);form.submit();document.body.removeChild(form[0]);}});