DWZ框架Ajax無刷新表單提交處理流程是:
2. 服務器返回一個固定格式json結構
3. js會調函數根據這個json數據做相應的處理
注意:
DWZ框架默認的ajax表單提交都是返回json數據,告訴客戶端操作是否成功,成功或失敗提示信息,以及成功后的處理方式(刷新某個navTab或關閉某個navTab或navTab頁面跳轉)。
表單提交后服務器操作失敗了,客戶端接收statusCode和message后給出錯誤提示,表單頁面是不動的。這樣可以方便用戶看到出錯原因后直接修 改表單數據再次提交,而不用重填整個表單數據。當然如果你還是喜歡表單提交后直接載入html頁面也是沒有問題的,參照dwz.ajax.js自己擴展一 下也是沒問題的。
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.