Javascript 同時(shí)提交多個(gè)Web表單的方法
更新時(shí)間:2009年02月19日 23:39:58 作者:
1 問題來自一位網(wǎng)友的提問:
web頁面里有多個(gè)表單,每個(gè)表單對(duì)應(yīng)著某一類數(shù)據(jù)操作。
比如一個(gè)詳細(xì)的簡歷信息頁面分 1、個(gè)人資料 2、工作經(jīng)驗(yàn) 3、項(xiàng)目經(jīng)驗(yàn) 4、其他信息 4個(gè)表單。
一般的需求是允許用戶單獨(dú)提交其中任何一個(gè)表單到下一個(gè)頁面進(jìn)行修改操作(也就是說頁面有4個(gè)不同的修改按鈕,點(diǎn)擊哪個(gè)按鈕則只提交某一個(gè)表單的數(shù)據(jù)到服務(wù)器,并根據(jù)表單的action)。
現(xiàn)在有這樣的需求,允許用戶選擇其中任意的一個(gè)或多個(gè)表單進(jìn)行提交修改,這樣的話在客戶端如何提交表單?
聲明:可能會(huì)有人說將4個(gè)表單合成一個(gè)大表單,根據(jù)修改按鈕的不同在服務(wù)器端進(jìn)行不同的數(shù)據(jù)操作即可。這是一種解決辦法,但考慮到頁面數(shù)據(jù)量比較大,為了提高效率,減少數(shù)據(jù)傳輸量,還是希望能夠分成多個(gè)表單提交,所以這個(gè)辦法暫不考慮。
是不是一定要用js或ajax?如果不用呢?
2 個(gè)人觀點(diǎn)
1 用Ajax提交,比如prototype
new Ajax.Request();
你可以同時(shí)調(diào)用多個(gè),默認(rèn)是異步提交,所以可以同時(shí)提交多個(gè)表單,這個(gè)方案是最簡單的。
2 使用多個(gè)iframe,然后將每個(gè)表單的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
這個(gè)樣子進(jìn)行提交。
3 兩個(gè)方法的對(duì)比
Ajax方便簡單,對(duì)結(jié)果的處理也比較省事,框架都替我們做好了,但不能跨域提交
iframe最符合一般的使用,也可以跨域提交,處理返回結(jié)果稍微麻煩些,需要在iframe里面使用 parent.進(jìn)行調(diào)用才可以。
一般的需求是允許用戶單獨(dú)提交其中任何一個(gè)表單到下一個(gè)頁面進(jìn)行修改操作(也就是說頁面有4個(gè)不同的修改按鈕,點(diǎn)擊哪個(gè)按鈕則只提交某一個(gè)表單的數(shù)據(jù)到服務(wù)器,并根據(jù)表單的action)。
現(xiàn)在有這樣的需求,允許用戶選擇其中任意的一個(gè)或多個(gè)表單進(jìn)行提交修改,這樣的話在客戶端如何提交表單?
聲明:可能會(huì)有人說將4個(gè)表單合成一個(gè)大表單,根據(jù)修改按鈕的不同在服務(wù)器端進(jìn)行不同的數(shù)據(jù)操作即可。這是一種解決辦法,但考慮到頁面數(shù)據(jù)量比較大,為了提高效率,減少數(shù)據(jù)傳輸量,還是希望能夠分成多個(gè)表單提交,所以這個(gè)辦法暫不考慮。
是不是一定要用js或ajax?如果不用呢?
2 個(gè)人觀點(diǎn)
1 用Ajax提交,比如prototype
new Ajax.Request();
你可以同時(shí)調(diào)用多個(gè),默認(rèn)是異步提交,所以可以同時(shí)提交多個(gè)表單,這個(gè)方案是最簡單的。
2 使用多個(gè)iframe,然后將每個(gè)表單的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
這個(gè)樣子進(jìn)行提交。
3 兩個(gè)方法的對(duì)比
Ajax方便簡單,對(duì)結(jié)果的處理也比較省事,框架都替我們做好了,但不能跨域提交
iframe最符合一般的使用,也可以跨域提交,處理返回結(jié)果稍微麻煩些,需要在iframe里面使用 parent.進(jìn)行調(diào)用才可以。
相關(guān)文章
JavaScript數(shù)組_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript數(shù)組的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06
js獲取location.href的參數(shù)實(shí)例代碼
本文為大家介紹下js如何獲取location.href的參數(shù),需要注意的是去掉參數(shù)里最開頭的?號(hào),具體實(shí)現(xiàn)如下,有需要的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08
頁面圖片浮動(dòng)左右滑動(dòng)效果的簡單實(shí)現(xiàn)案例
本篇文章主要是對(duì)頁面圖片浮動(dòng)左右滑動(dòng)效果的簡單實(shí)現(xiàn)案例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02
TypeScript 引用資源文件后提示找不到的異常處理技巧
這篇文章主要介紹了TypeScript 引用資源文件后提示找不到的異常處理,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
深入理解JavaScript系列(6):S.O.L.I.D五大原則之單一職責(zé)SRP
Bob大叔提出并發(fā)揚(yáng)了S.O.L.I.D五大原則,用來更好地進(jìn)行面向?qū)ο缶幊?/div> 2012-01-01最新評(píng)論

