Ajax提交form表單

2021-09-23 18:31:44 字數 966 閱讀 3455

ajax提交form表單

高校平台專案中採用的ui框架為dwz框架,這個框架有乙個很靈活又很讓人頭疼的問題,那就是它的div碎片。 所謂的div碎片指的是每乙個jsp頁面不再是乙個單純的jsp了,此時的jsp只不過是乙個div,通過dwz框架本身的ajax技術,可以將任何乙個jsp作為乙個div嵌入到任意另外乙個jsp中,說白了也就是將多個jsp頁面的放到同乙個頁面顯示。這樣做有乙個很大的好處就是它避免了重新整理問題,通過其自身所提供的ajax功能,我們可以輕鬆的做到將查詢出的資料顯示在原來介面而不進行整體頁面的重新整理。但是這樣存在另外乙個問題,那就是把資料提交到action的時候,由於在同乙個頁面上的div的數量是動態的,所以如果我們需要將不同div中的內容同時提交到同乙個action的時候就會出現問題(原因就在於資料分散在不同的div的不同的form中)。對於這個問題我採取的措施是首先通過js函式將第乙個div(確切的說是這個div中的form中的某個元素的值)需要提交的資料放入到第二個div的某個隱含域中,這樣提交的時候只提交第二個form就可以了。但是這只是解決了第一步提交資料的完整性的問題,對於第二步提交之後的返回介面重新整理問題還沒有解決,那麼如何解決第二步的返回重新整理問題呢?我採取的措施是通過jquery ajax非同步提交form,通過將dwz ajax技術與我們自己寫的jquery ajax技術相結合就解決了從顯示資料到提交資料,再到資料返回無重新整理的整個流程。下面簡單列出所使用的jquery ajax實現提交表單的**,至於js給隱含域賦值相信是一件很簡單的事情,在這裡就不在贅述了:

在上面的js**中,需要注意的是,在引入 jquery-1.7.2.js檔案之後,在使用ajax的時候需要將form進行序列化,然後將序列化後的form作為引數提交到後台的action。然後接收ajax執行結果,根據是否成功執行給出具體的提示。ajax非同步操作可以說是實現頁面無重新整理(或區域性重新整理)非常好用的技術,但無論是什麼樣的技術,他的應用都應該是建立在靈活之上。在很多情況下簡單技術的靈活應用往往要比使用一種複雜技術更加實用。

ajax實現form表單提交

最終整理了一下 能夠完美實現要求。不重新整理提交表單,只提交一次,中文不亂嗎。html 部分 form input type text name link name id link name placeholder 如 言曌部落格 required required input type text ...

ajax提交整個form表單

在專案開發中,有時提交form表單時不能單單用action或者jquery的 表單提交方法有三種,主要說下第三種 第一種 用form自帶屬性action提交 第二種 用jquery提交 formid submit 第三種 用ajax提交 但如果form表單中資料很多時,不可能一一列出,只需要用 yo...

form表單的ajax提交

ajax method post datatype json data headers traditional true 可以傳遞陣列 success function status ajax data jsstayform serialize 學到了 目 async true async.預設是 ...