Javascript 同時提交多個Web表單的方法
更新時間：2009年02月19日 23:39:58 作者：
1 問題來自一位網(wǎng)友的提問：
web頁面里有多個表單，每個表單對應著某一類數(shù)據(jù)操作。
比如一個詳細的簡歷信息頁面分 1、個人資料 2、工作經(jīng)驗 3、項目經(jīng)驗 4、其他信息 4個表單。
一般的需求是允許用戶單獨提交其中任何一個表單到下一個頁面進行修改操作（也就是說頁面有4個不同的修改按鈕,點擊哪個按鈕則只提交某一個表單的數(shù)據(jù)到服務器，并根據(jù)表單的action）。
現(xiàn)在有這樣的需求，允許用戶選擇其中任意的一個或多個表單進行提交修改，這樣的話在客戶端如何提交表單？
聲明：可能會有人說將4個表單合成一個大表單，根據(jù)修改按鈕的不同在服務器端進行不同的數(shù)據(jù)操作即可。這是一種解決辦法，但考慮到頁面數(shù)據(jù)量比較大，為了提高效率，減少數(shù)據(jù)傳輸量，還是希望能夠分成多個表單提交，所以這個辦法暫不考慮。
是不是一定要用js或ajax？如果不用呢？
2 個人觀點
1 用Ajax提交，比如prototype
new Ajax.Request();
你可以同時調(diào)用多個，默認是異步提交，所以可以同時提交多個表單，這個方案是最簡單的。
2 使用多個iframe,然后將每個表單的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
這個樣子進行提交。
3 兩個方法的對比
Ajax方便簡單，對結(jié)果的處理也比較省事，框架都替我們做好了，但不能跨域提交
iframe最符合一般的使用，也可以跨域提交，處理返回結(jié)果稍微麻煩些，需要在iframe里面使用 parent.進行調(diào)用才可以。
一般的需求是允許用戶單獨提交其中任何一個表單到下一個頁面進行修改操作（也就是說頁面有4個不同的修改按鈕,點擊哪個按鈕則只提交某一個表單的數(shù)據(jù)到服務器，并根據(jù)表單的action）。
現(xiàn)在有這樣的需求，允許用戶選擇其中任意的一個或多個表單進行提交修改，這樣的話在客戶端如何提交表單？
聲明：可能會有人說將4個表單合成一個大表單，根據(jù)修改按鈕的不同在服務器端進行不同的數(shù)據(jù)操作即可。這是一種解決辦法，但考慮到頁面數(shù)據(jù)量比較大，為了提高效率，減少數(shù)據(jù)傳輸量，還是希望能夠分成多個表單提交，所以這個辦法暫不考慮。
是不是一定要用js或ajax？如果不用呢？
2 個人觀點
1 用Ajax提交，比如prototype
new Ajax.Request();
你可以同時調(diào)用多個，默認是異步提交，所以可以同時提交多個表單，這個方案是最簡單的。
2 使用多個iframe,然后將每個表單的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
這個樣子進行提交。
3 兩個方法的對比
Ajax方便簡單，對結(jié)果的處理也比較省事，框架都替我們做好了，但不能跨域提交
iframe最符合一般的使用，也可以跨域提交，處理返回結(jié)果稍微麻煩些，需要在iframe里面使用 parent.進行調(diào)用才可以。
相關文章
這篇文章主要介紹了JS實現(xiàn)多物體緩沖運動實例代碼，有需要的朋友可以參考一下2013-11-11
今天小編就為大家分享一篇JS判斷字符串是否為整數(shù)的方法--簡單的正則判斷，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-07-07
js將當前時間格式化為 年-月-日 時:分:秒的實現(xiàn)代碼
這篇文章主要介紹了js將當前時間格式化為 年-月-日 時:分:秒主要是使用js的Date()對象，將系統(tǒng)當前時間格式化為年-月-日 時:分:秒，需要的朋友可以參考下2018-01-01
這篇文章主要介紹了JS簡單驗證上傳文件類型的方法,涉及javascript文件遍歷及字符串截取、匹配等相關操作技巧,需要的朋友可以參考下2017-04-04
如何利用Web Speech API之speechSynthesis實現(xiàn)文字轉(zhuǎn)語音功能
Web Speech API使你能夠?qū)⒄Z音數(shù)據(jù)合并到Web應用程序中,SpeechSynthesisUtterance是HTML5中新增的API,用于將指定文字合成為對應的語音,這篇文章主要介紹了利用Web Speech API之speechSynthesis實現(xiàn)文字轉(zhuǎn)語音功能,需要的朋友可以參考下2024-06-06
給大家圖文詳細分析一下jsonp的原理以及跨域問題的匯總。2017-11-11
下面小編就為大家?guī)硪黄褂迷鷍s寫ajax實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要為大家詳細介紹了js+css打字效果的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
這篇文章主要為大家詳細介紹了原生JS音樂播放器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
詳解微信小程序?qū)崿F(xiàn)仿微信聊天界面(各種細節(jié)處理)
這篇文章主要介紹了詳解微信小程序?qū)崿F(xiàn)仿微信聊天界面(各種細節(jié)處理)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-02-02