易截截图软件、单文件、免安装、纯绿色、仅160KB

DWZ框架Ajax开发视频教材

视频下载地址
: http://dwz.duqn.com/doc/dwz-ajax-develop.swf

ajax 表单提交、分页组件


大家在使用DWZ框架过程中遇到问题最多的也是ajax表单提交处理流程、分页组件问题。本教材主要是讲解DWZ框架表单提交、分页等ajax交互原理和规范。DWZ其它组件这里不再讲解了,大家去看DWZ用户手册,特别是第一次使用一定要看用户手册中的 “常见问题及解决”。


实际上使用DWZ框架是非常简单方便的。开发人员基本不需自己写JS,包括ajax表单提交、分页组件。

信息列表上查询和分页都是用一个pagerForm来临时存查询条件。需要在每个查询列表页面加个隐藏的pagerForm。


分页或删除列表中的数据等操作都会重新载入当前navTab或dialog。原理很简单就是DWZ框架自动组装这个pagerForm中的参数后重新载入
当前navTab或dialog。


表单提交根据服务器端返回的json结构,有以下几种处理流程:
1) statusCode==300表示操作失败,提示用户出错原因message
2)
statusCode==200表示操作成功,提示message
    navTabId非空,重新载入指定的navTab
    callbackType=="closeCurrent"关闭当前form所在的nabTab或dialog
    callbackType=="forward"当前nabTab载入forwardUrl
{
"statusCode":"状态码200或300",
"message":"提示信息",
"navTabId":"操作成功后需要指定navTab时使用",
"callbackType":"closeCurrent或forward",
"forwardUrl":"callbackType是forward时使用"
}
分 页组件使用方法:
<div class="pagination"
targetType="navTab" totalCount="200" numPerPage="20" pageNumShown="10"
currentPage="1"></div>
参数说明:
targetType:
navTab或dialog,用来标记是navTab上的分页还是dialog上的分页
totalCount: 总条数        
numPerPage: 每页显示多少条
pageNumShown: 页标数字多少个
currentPage: 当前是第几页


相关文档:

AJAX中文乱码的两类问题解决方法

1)发送路径中的参数有中文,在服务器端接收参数值是乱码
解决方法:
PHP:
服务器端:iconv("UTF-8","gb2312",$_POST[变量名]);
JSP:
客户端:
利用javascript的提供的escape()或encodeURI()方法, 例
var url="a.jsp?name=小李";
url=encodeURI(url);
url=encodeURI(url); //两次,很关键[具体为什么,我也不清楚 ......

PHP+Ajax实现Tab效果

用Ajax实现Tab效果的
先创建
ajax.php,在其中输入如下代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample 2_1</title>
<me ......

AJAX扩展控件Accordion的使用方法总结


如上图所示为Accordion控件:
 感觉不错的样式
  <style type="text/css">
.headerBg{cursor:hand;text-align:center;width:180px;height:21px;background-image:url(images/ajaxmenubg1.gif);FONT-SIZE: 12px;line-height:21px;}           ......

Ajax 的状态介绍

在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下:
0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire respons ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号