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

來源:互聯網
上載者:User

1問題來自一位網友的提問:
web頁面裡有多個表單,每個表單對應著某一類資料操作。
比如一個詳細的簡曆資訊頁面分
1、設定檔
2、工作經驗
3、項目經驗
4、其他資訊 4個表單。
一般的需求是允許使用者單獨提交其中任何一個表單到下一個頁面進行修改操作(也就是說頁面有4個不同的修改按鈕,點擊哪個按鈕則只提交某一個表單的資料到伺服器,並根據表單的action)。
現在有這樣的需求,允許使用者選擇其中任意的一個或多個表單進行提交修改,這樣的話在用戶端如何提交表單?
聲明:可能會有人說將4個表單合成一個大表單,根據修改按鈕的不同在伺服器端進行不同的資料操作即可。這是一種解決辦法,但考慮到頁面資料量比較大,為了提高效率,減少資料轉送量,還是希望能夠分成多個表單提交,所以這個辦法暫不考慮。是不是一定要用js或ajax?如果不用呢?

2 個人觀點
1 用Ajax提交,比如prototype
new Ajax.Request("/do1",{parameters:$("form1").serialize().......);

new Ajax.Request("/do2",{parameters:$("form2").serialize().......);

你可以同時調用多個,預設是非同步提交,所以可以同時提交多個表單,這個方案是最簡單的。

2 使用多個iframe,然後將每個表單的target指向不同的iframe
然後用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
這個樣子進行提交。

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.