DWZ框架Ajax無刷新表單提交處理流程


DWZ框架Ajax無刷新表單提交處理流程是:

1.       ajax表單提交給服務器

2.       服務器返回一個固定格式json結構

3.       js會調函數根據這個json數據做相應的處理

注意:

DWZ框架默認的ajax表單提交都是返回json數據,告訴客戶端操作是否成功,成功或失敗提示信息,以及成功后的處理方式(刷新某個navTab或關閉某個navTab或navTab頁面跳轉)。

表單提交后服務器操作失敗了,客戶端接收statusCode和message后給出錯誤提示,表單頁面是不動的。這樣可以方便用戶看到出錯原因后直接修 改表單數據再次提交,而不用重填整個表單數據。當然如果你還是喜歡表單提交后直接載入html頁面也是沒有問題的,參照dwz.ajax.js自己擴展一 下也是沒問題的。

·         Ajax 表單提交后自動調用默認回調函數, 操作成功或失敗提示.

Form標簽上增加onsubmit="return validateCallback(this);

·         Ajax 表單提交后如果需要重新加載某個navTab或關閉dialog,可以使用dwz.ajax.js中事先定義的方法navTabAjaxDone/dialogAjaxDone

注意:如果表單在navTab頁面上使用navTabAjaxDone,表單在dialog頁面上使用dialogAjaxDone

Form標簽上增加onsubmit="return validateCallback(this, navTabAjaxDone)"

onsubmit="return validateCallback(this, dialogAjaxDone)"

 

·         Ajax 表單提交后如果需要做一些其它處理也可以自定義一個回調函數xxxAjaxDone。例如下面表單提交成功后關閉當前navTab, 或者重新載入某個tab.

Form標簽上增加onsubmit="return validateCallback(this, xxxAjaxDone)"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM