zoukankan      html  css  js  c++  java
  • 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)"
  • 相关阅读:
    228. Summary Ranges
    227. Basic Calculator II
    224. Basic Calculator
    222. Count Complete Tree Nodes
    223. Rectangle Area
    221. Maximal Square
    220. Contains Duplicate III
    219. Contains Duplicate II
    217. Contains Duplicate
    Java编程思想 4th 第4章 控制执行流程
  • 原文地址:https://www.cnblogs.com/wolfplan/p/5656628.html
Copyright © 2011-2022 走看看