DWZ框架Ajax无刷新表单提交处理流程是:
2012-04-23 16:06
330 查看
DWZ框架Ajax无刷新表单提交处理流程是:
1. ajax表单提交给服务器
2. 服务器返回一个固定格式json结构
3. js会调函数根据这个json数据做相应的处理
注意:
DWZ框架默认的ajax表单提交都是返回json数据,告诉客户端操作是否成功,成功或失败提示信息,以及成功后的处理方式(刷新某个navTab或关闭某个navTab或navTab页面跳转)。
表单提交后服务器操作失败了,客户端接收statusCode和message后给出错误提示,表单页面是不动的。这样可以方便用户看到出错原因后直接修改表单数据再次提交,而不用重填整个表单数据。当然如果你还是喜欢表单提交后直接载入html页面也是没有问题的,参照dwz.ajax.js自己扩展一下也是没问题的。
DWZ 表单提交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)"
1. ajax表单提交给服务器
2. 服务器返回一个固定格式json结构
3. js会调函数根据这个json数据做相应的处理
注意:
DWZ框架默认的ajax表单提交都是返回json数据,告诉客户端操作是否成功,成功或失败提示信息,以及成功后的处理方式(刷新某个navTab或关闭某个navTab或navTab页面跳转)。
表单提交后服务器操作失败了,客户端接收statusCode和message后给出错误提示,表单页面是不动的。这样可以方便用户看到出错原因后直接修改表单数据再次提交,而不用重填整个表单数据。当然如果你还是喜欢表单提交后直接载入html页面也是没有问题的,参照dwz.ajax.js自己扩展一下也是没问题的。
DWZ 表单提交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)"
相关文章推荐
- DWZ框架Ajax无刷新表单提交处理流程
- DWZ框架Ajax无刷新表单提交处理流程
- DWZ框架中ajax提交文件表单的处理(关闭当前dialog + 刷新父级navTab)
- DWZ框架中ajax提交文件表单的处理(关闭当前dialog + 刷新父级navTab)
- 2014.10.17 DWZ框架中ajax提交文件表单的处理(关闭当前dialog + 刷新父级navTab)
- ajax 传值,Ajax: Asynchoronous Javascript and xml (异步的js和xml). 异步刷新,异步传递.替代表单提交数据,回调函数处理返回的数据
- DWZ框架Ajax表单提交
- AJAX PHP无刷新form表单提交
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- PHP与ajax,无刷新表单提交
- ajax(iframe)无刷新提交表单、上传文件
- jQuery ajaxSubmit 实现ajax提交表单局部刷新
- ajax提交表单页面刷新很快
- 无刷新提交表单(php+js+ajax简单实例 )
- TP 框架 ajax[利用异步提交表单]
- 无刷新文件上传 ajax提交表单
- 【转】Scott_ASP.NET MVC框架(第四部分) 处理表单编辑和提交场景
- jquery序列化form表单使用ajax提交后处理返回的json数据
- DWZ表单提交及关闭当前页面并刷新数据
- jQuery实现form表单基于ajax无刷新提交方法详解