-
dwz表单提交问题5
最近有个项目的马甲想改成DWZ，是SSI架构
遇到个问题：
form提交，不使用官方例子中的 onsubmit="return validateCallback(this);
直接将form submit的话，struts2 return页面后，会跳出整个框架，而不是在那个独立出来的标签卡重新载入。
如果要使用文档中的ajax做法也是可以的，只是改的地方挺多的，也麻烦，以后再换个马甲啥的，又是大改。我是觉得后台业务代码尽量少和前台UI关系那么紧密。
现在我想问，如何表单提交后能直接载入html页面
问题补充：我这里是form提交，因为没使用 validateCallback 直接submit，所以Struts2返回后会跳出框架。我看了它的JS，里面是走ajax提交，然后返回来后要用JSON来做跳转，提示等等的操作。
我不想用ajax，因为这样我后台要改，而且有些自动填充的东西，这中间挺麻烦的。现在使用AJAX是能正常的，只是我看它帮助里说，扩展一下就能“表单提交后能直接载入html页面 ”，不知道怎么扩展。2013年10月04日 10:12
添加评论
关注(0)4个答案 按时间排序 按投票排序
-
表单提交后
onsubmit="return validateCallback(this,formAjaxDone)"
会执行回调函数，你可以自己在里面写自己的代码function formAjaxDone(json){ DWZ.ajaxDone(json); if (json.statusCode == DWZ.statusCode.ok){ // do your things } }2013年11月13日 10:56
-
我也遇到过“会跳出整个框架”的问题，一般都是因为js出错了，导致<a/>标签的click事件失效了，所以浏览器直接访问<a/>标签的url了。建议用Chrome调试一下吧，希望对你有用。
2013年10月08日 08:12
相关推荐
6. Ajax表单处理：DWZ框架中的Ajax表单处理功能包括了普通表单提交、文件上传表单提交、表单查询等功能，简化了表单数据的处理流程。 7. 异步请求处理：DWZ中的dwz.ajax.js组件用于处理Ajax请求，提供了一套简洁的...
DWZ框架不仅关注前端的交互体验，还提供了对服务器端响应的支持，包括普通的Ajax表单提交和文件上传表单提交的处理方式。 #### 版本控制 DWZ框架具有严格的版本控制体系，每个版本都有明确的发布记录和更新日志，...
4. **表单提交**：ASP.NET MVC中的表单提交通常与Model绑定相结合，开发者可以学习如何创建表单，设置数据绑定，以及处理表单提交事件，实现数据的验证和保存。 5. **表单验证**：DWZ和ASP.NET MVC都提供了表单验证...
7. **表单处理**：框架内置了表单验证和提交功能，支持异步提交和JSON格式的交互，简化了表单相关的开发工作。 8. **国际化支持**：DWZ支持多语言环境，方便开发多语言版本的网站和应用。 9. **主题皮肤**：DWZ...
- **文件上传表单提交**: 支持文件上传的表单提交。 - **Java服务器端表单处理示例**: 展示如何在Java环境中处理表单数据。 #### DWZjs库介绍 DWZ提供了多个JS库文件以支持不同的功能模块： - **dwz.core.js**: ...
在表单提交前，DWZ可以进行初步的验证，减少无效请求；而后端的模型验证则可以确保数据的完整性和准确性。 文件“MvcForDwz”可能包含了使用DWZ框架和ASP.NET MVC3开发的示例项目，包括控制器代码、视图模板、...
3. **表单处理**：DWZ提供了强大的表单处理功能，包括表单验证和数据提交。通过简单的配置，可以实现复杂的表单逻辑，如实时验证用户输入、异步提交表单等。 4. **页面导航**：DWZ内置了页面跳转和面包屑导航机制，...
- **文件上传表单提交**：支持文件上传的异步表单提交功能。 ### DWZjs库介绍 DWZ框架的核心功能通过一系列精心设计的JavaScript文件来实现，例如： - `dwz.core.js`：核心功能库，包含框架的基础API。 - `dwz.ui...
5. **表单组件**：包含各种输入控件，并提供自动验证功能，简化表单提交流程。 6. **导航组件**：如面包屑导航、侧边栏导航，帮助用户理解当前位置和操作路径。 **三、DWZ框架的开发与应用** 1. **快速开发**：...
DWZ框架内置了对AJAX请求的全面支持，包括表单查询、数据提交以及服务器响应处理。通过使用`dwz.ajax.js`等模块，开发者可以轻松地发送异步请求，处理JSON响应，并更新DOM元素，而无需深入了解底层通信机制。 #### ...
26. **文件上传表单提交**: 支持文件上传的表单提交。 #### DWZjs库介绍 - **DWZ框架初始化**: 用于初始化DWZ框架。 - **dwz.core.js**: 包含核心功能。 - **dwz.ui.js**: UI组件相关的JavaScript文件。 - **dwz....
- **表单处理**：提供表单验证和提交功能，减轻后端处理压力。 - **数据操作**：支持分页、排序、过滤等数据处理，便于与后台数据库进行交互。 2. **Java后端集成**： - **MVC模式**：DWZ通常与Java后端的MVC...
4. `navTabAjaxDone(json)`：这是DWZ框架预定义的表单提交回调函数。当表单提交成功并返回JSON数据时，根据`callbackType`决定是关闭当前navTab(`closeCurrent`)、重定向到新URL(`forward`)还是刷新页面。 二、...
- **文件上传表单提交：**支持文件上传功能，同时确保整个表单提交过程的异步性。 2. **DWZ js库介绍** - **DWZ框架初始化：**介绍了如何初始化DWZ框架，确保所有组件和功能正常运行。 - **dwz.core.js：**...
5. **表单处理**：内置表单验证和提交机制，可自定义验证规则，支持异步提交，减轻服务器压力。 6. **页面导航**：具有面包屑导航、侧边栏菜单、顶部导航等多种导航方式，方便构建多层级的Web应用结构。 7. **...
- **AJAX操作**：通过封装Ajax请求，简化了异步数据交互，如提交表单、获取数据等。 3. **帮助文档** 内带的帮助文档是学习DWZ框架的重要资源，通常包括API参考、示例代码、常见问题解答等内容。这些文档可以帮助...
DWZ将常见的Ajax操作进行了封装，如数据的异步加载、表单提交等，开发者只需要调用相应的方法，就能实现复杂的交互功能。这大大降低了开发难度，提高了开发效率。 ### UI 组件 DWZ包含了一系列预设的UI组件，如...
例如，添加新数据时，我们可以使用DWZ的AjaxForm组件，通过异步提交表单，然后在回调函数中处理返回的结果，如显示成功提示或错误信息。删除操作类似，通常会有一个确认对话框，点击确认后发送Ajax请求，服务器返回...
CSS样式确保了界面的美观和统一，而JavaScript脚本负责动态行为，如按钮点击事件、表单提交等。 在Java方面，我们通常使用Spring MVC或者Struts2这样的MVC框架来构建后端。控制器类接收HTTP请求，根据请求类型（GET...