Javascript 同時提交多個Web表單的方法

2024-05-06 14:16:03

字體：大中小

來源：轉載

供稿：網友

比如一個詳細的簡歷信息頁面分 1、個人資料 2、工作經驗 3、項目經驗 4、其他信息 4個表單。
一般的需求是允許用戶單獨提交其中任何一個表單到下一個頁面進行修改操作（也就是說頁面有4個不同的修改按鈕,點擊哪個按鈕則只提交某一個表單的數據到服務器，并根據表單的action）。
現在有這樣的需求，允許用戶選擇其中任意的一個或多個表單進行提交修改，這樣的話在客戶端如何提交表單？
聲明：可能會有人說將4個表單合成一個大表單，根據修改按鈕的不同在服務器端進行不同的數據操作即可。這是一種解決辦法，但考慮到頁面數據量比較大，為了提高效率，減少數據傳輸量，還是希望能夠分成多個表單提交，所以這個辦法暫不考慮。
是不是一定要用js或ajax？如果不用呢？

2 個人觀點
1 用Ajax提交，比如prototype
new Ajax.Request();
你可以同時調用多個，默認是異步提交，所以可以同時提交多個表單，這個方案是最簡單的。
2 使用多個iframe,然后將每個表單的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
這個樣子進行提交。

3 兩個方法的對比
Ajax方便簡單，對結果的處理也比較省事，框架都替我們做好了，但不能跨域提交
iframe最符合一般的使用，也可以跨域提交，處理返回結果稍微麻煩些，需要在iframe里面使用 parent.進行調用才可以。

上一篇：js實現權限樹的更新權限時的全選全消功能

下一篇：兼容FireFox 的 js 日歷支持時間的獲取