jquery在表單提交之前,給submit按鈕繫結ajax請求需要注意的細節
場景:
一般情況下,我們在一個form表單中新增很多資訊,在submit提交操作之前,我們有可能需要驗證一些必要的資訊,比如說:提交前,我們需要驗證當前註冊的賬戶名稱是否已經在資料庫中存在的情況,這個時候就需要在submit按鈕提交前繫結一個ajax非同步的click事件。但是這個時候ajax的請求的type有可能會影響你submit時候的資料。
我在測試的時候發現,
1) ajax請求的型別是post,那麼就算ajax的success執行裡面,修改了表單裡面的某些標籤的值,這些值在表單提交後也沒有及時更新到最新的提交表單資料中。
2)ajax請求的型別是get,那麼ajax的success執行裡面,修改了表單中的某些標籤的值,這些值在提交的時候就會及時更新到提交表單的資料中。
相關文章
- 只有存在submit提交按鈕form的submit事件才會觸發MITORM事件
- jquery 的ajax請求示例和注意事項jQuery
- jquery ajax方式直接提交整個表單jQuery
- ajax中button和submit按鈕的區別是什麼MIT
- HTML input submit 按鈕HTMLMIT
- form表單使用 btn submit-btn ajax-post方式提交問題。ORMMIT
- ajax請求載入完成之前給出正在載入等提示
- jquery ajax 跨域請求jQuery跨域
- 表單提交後設定提交按鈕不可用狀態
- 在MVVM模式中,按鈕Click事件的繫結方法MVVM模式事件
- js表單提交後提交按鈕不可點選程式碼例項JS
- 原聲ajax與jquery ajax請求的區別jQuery
- KKB : Jquery實現Ajax請求jQuery
- 可能被忽略的"按鈕元件"細節元件
- HTML input submit和reset按鈕HTMLMIT
- 利用JQuery實現更簡單的Ajax跨域請求jQuery跨域
- iOS 使用form表單形式提交post請求iOSORM
- 基於jQuery的三種AJAX請求jQuery
- jquery的ajax請求servlet與響應jQueryServlet
- Ajax 提交表單資料
- angular雙向繫結—(按鈕+下拉)Angular
- jquery ajax 提交 FormDatajQueryORM
- ajax提交表單包括檔案
- 表單Form簡介——表單按鈕ORM
- Gin(四):表單提交校驗和模型繫結模型
- 使用jQuery的ajax同步請求吃過的虧jQuery
- jquery Ajax 請求錯誤 Unexpected tokenjQuery
- jQuery裡如何使用ajax傳送請求jQuery
- jQuery ajax請求程式碼例項分享jQuery
- 一個簡單的Ajax請求例子
- 你需要注意的Java小細節(一)Java
- JQuery使用deferreds序列多個ajax請求jQuery
- jQuery操作單選按鈕程式碼示例jQuery
- ajax請求
- 點選提交按鈕實現彈出警告框表單驗證效果
- 防止表單提交按鈕重複點選現象程式碼例項
- React 中用jQuery的ajax 和 axios請求資料ReactjQueryiOS
- button按鈕提交form表單的js方法不要使用關鍵字loginORMJS