dwz ajax: DWZ下ajax后台交互后的分页刷新

之前做的几个项目,用上了DWZ这个UI框架作为管理后台的界面,觉得还是不错的。个人觉得有点遗憾的是这个框架的整体感觉不够企业化,缺少稳重的感觉。
在开发过程中,碰到了一些问题,这里跟大家分享一下。
DWZ版本:DWZ RIA 1.3 Final
说明:因为之前做过一些自定义,是直接将 dwz.min.js 改成 dwz.newgxu.js ,这样做对整个框架修改过大,造成以后更新与维护的各种不便。所以,现在作的修改是以覆盖的方式进行。
 
问题描述:
在一些分页的NAV中,进行 ajaxToDo 或者 弹出Dialog的validateCallback 后,服务器返回的json为:
{"statusCode":"200", "message":"权限删除成功", "navTabId":"permission_list","rel":"", "callbackType":"","forwardUrl":"permission/list"}
这里,会将整个NAV刷新,但我们想要的只是刷新当前页。
 
下面就这个问题作一些修正。
 
首先说一下DWZ与后台交与的形式:
 
1. 通过 <a target="ajaxToDo" href=""></a>
这里点击这个标签会向后台post请求,地址就是 href 的值,ajax的回调函数默认是
navTabAjaxDone
 
2. 通过 target="dialog"
如增加一个新用户,以dialog的方式弹出输入界面,这样写:
<a class="BUTTON" href="user/add" width="300" height="250" target="dialog" 
rel="rank_create" fresh="false">添加用户</a>
 
弹出内容:
<form name="form1" method="post" action="user/add"  onsubmit=
"return validateCallback(this, dialogAjaxDone);"></form>
 
提交这个表单后,回调函数为 dialogAjaxDone。
 
 
再说说DWZ分页的实现:
 
<div class="pageHeader RIGHT">
    <form id="pagerForm" name="permission_list_pageForm" style="display:none;" 
action="permission/list" method="get" onsubmit="return navTabSearch(this);">
        <input type="hidden" name="page" value="${model.page}" />    
    </form>
</div>
<div class="pageContent">
    <table class="table" width="100%"  border="1" layoutH="85" align="center" 
cellspacing="0" bordercolor="#999999" style="border-collapse:collapse">
        <thead>
            <tr> 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130708/38983.html

时间: 2024-10-24 21:58:49

dwz ajax: DWZ下ajax后台交互后的分页刷新的相关文章

ajax asp net-ajax AccordionPane后台添加后为什么客户端显示的样式是隐藏的

问题描述 ajax AccordionPane后台添加后为什么客户端显示的样式是隐藏的 代码如下: aspx页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <%@ Register Assembly="AjaxControlToolkit" Namesp

Ajax()方法如何与后台交互_AJAX相关

Ajax全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合.Ajax以一种崭新的方式来使用所有的这些技术,使得古老的B/S方式的Web开发焕发了新的活力. ajax()方法是jQuery底层的ajax实现,通过HTTP请求加载远程数据. $.ajax({ type: "GET", url

一个文本框,当输入一些字符后,通过ajax+jquery会从后台查到一些数据,当数据返回到页面上时,需要将文本框变成下拉框,下拉框中显示返回的数据,该怎么实现

问题描述 一个文本框,当输入一些字符后,通过ajax+jquery会从后台查到一些数据,当数据返回到页面上时,需要将文本框变成下拉框,下拉框中显示返回的数据,现在能得到数据,就是不知道怎么将原来的文本框变成下拉框 解决方案 解决方案二:做两个控件,根据情况隐藏一个,表示一个.document.getElementById("xxx").style.display="";//表示document.getElementById("xxx").styl

前端-急问:如何使用ajax动态获取后台数据后将数据利用chart.js画图工具显示曲线?

问题描述 急问:如何使用ajax动态获取后台数据后将数据利用chart.js画图工具显示曲线? 20C 刚刚学习ajax,不是很了解.假如后台数据已经以json类型存在,在前端如何使用ajax获取后台的json数据?求给出具体些的完整代码供参考...还有请问如果数据是一系列二位数组(如[a1b1][a2b2]......)那么如何使用chart.js 将其显示出来?还请各位大神指教! 解决方案 ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据 解

云笔记模块ajax和后台交互的流程是什么

问题描述 云笔记模块ajax和后台交互的流程是什么 客户端代码: if(ok){ $.ajax({ url:"http://localhost:8080/note/user/login.do", type:"post", data:{"name":name, "password":password}, dataType:"json", success:function(result){ if(result.

ajax+eclipse+jsp页面后台是java

问题描述 ajax+eclipse+jsp页面后台是java 我想知道怎么用ajax分页,每页10条,ajax写好之后,后台写什么方法去执行调用,我是新手,不懂这些,求大神帮帮忙 我用的是spring,springmvc+hibernate,三个框架,实在是不会了. <script type="text/javascript"> $(function() { //此demo通过Ajax加载分页元素 var initPagination = function() { var

jquery ajax 数据绑定-JQUERY ajax提交数据到后台,进行数据库查询,然后重新绑定GridView.

问题描述 JQUERY ajax提交数据到后台,进行数据库查询,然后重新绑定GridView. 我在前台放了一个input,type=button点击后触发下面的ajax提交数据到后台.后台处理后对一个GridView进行数据绑定.前台代码如下: params = JSON.stringify(obj); $.ajax({ type: ""Post"" url: ""/aspx_consumption/Consumption_Home.aspx/

IE8/IE9下Ajax缓存问题_AJAX相关

ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 步入正题: 最近在做一个网站的登录注册框,前端使用了jq

jQuery ajax全局函数处理session过期后的ajax跳转问题_jquery

做web常常需要考虑session过期的问题,session过期就让页面跳转到登录界面去,但是存在这样一个问题,当页面过期后,用户请求后台的方式有两种:传统方式和异步请求方式,传统方式倒好解决,请求到后台,拦截到过期的操作,直接跳转,但是异步请求不会刷新整个页面,因此对session过期的处理也不能按往常的方式,需要另外的操作. 具体思路:拦截器中判断是否为ajax请求 -- 是ajax请求则返回一个消息 --页面添加一个全局的ajax处理事件,对消息进行判断,如果是报告session过期,则l