jquery+ajax无刷新翻页
前台自定义通用分页jquery插件
(一)框架:用jquery+ajax+struts1实现 自动创建行和列
持久层用的是abatis.数据库用的是MySQL.
(二)sqlMap
shangjia.xml的配置如下
<resultMap class="java.util.LinkedHashMap" id="storeMap">
<result property="sto_id" column="sto_id"/>
<result property="sto_name" column="sto_name"/>
<result property="sto_contactphone" column="sto_contactphone"/>
<result property="sto_time" column="sto_time" javaType="string"/>
</resultMap>
<statement id="selectListStore" resultMap="storeMap" parameterClass="com.tj_zhongzhixin.common.util.PageResult" >
select sto_id,sto_name,sto_contactphone,sto_time from store limit #pageSize# offset #throwRows#
</statement>
小提示：为什么不用实体类映射
我之所以不用实体类映射(就是将resultMap的Class设成实体类)，是因为自动生成的表格的行是根据集合中Map的个数决定的，而表格的列是根据集合中Map的键值对的个数决定的，所以如果用实体类映射的话自动生成的表格的列就要按照实体类的属性的个数决定。而不论你的sql语句是否是查询所有的属性，都会封装到Map中实体类里。这样就不能的到实际查询的属性，而是所有的属性。
小提示：为什么要用LinkedHashMap
当我运行页面是准确的显示出了我在sql中制定的属性，而不是所有的属性。但是有出现了一个问题就是：它的顺寻跟我在sql中指定的查询不一致(起初结果集封装到了HashMap中)。原来HashMap集合会自动给值排序，后发现LinkedHashMap不会自动排序。所以就选择了LinkedHashMap
(三)query
jQuery.searchByPage.js
//jQuery提交请求数据
/*actionName为要跳转到的action的name
*param为页面参数（包括struts-config.xml中的parameter和其值,页数,每页显示的条数,查询的条件）
*options为操作的图标信息
*/
(functio
相关文档：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/ ......
http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>安装Ajax ASPAJAXExtSetup.msi （在http://ajax.asp.net下载）
2>安装Ajax模板 ASPAJAXSamples.msi
3>下载 最新版本 ajaxcontroltoolkit
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
......
事件触发：
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
客户端主体：
//定义用户控件ID全局变量
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//页面加载时的处理
function BodyLoad()
{
HideD ......
发送一个请求后，客户端无法确定什么时候会完成这个请求，所以需要用事件机制来捕获请求的状态，XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能。这类似于回调函数的做法。
onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果，如：
ajaxObj=createAjaxObject();
var url= ......
AJAX简介
一、AJAX是什么
在传统的web应用中，用户与应用的每一次交互，都是首先用户通过浏览器向服务器端发送一个
请求，服务器解析这个请求，将相应的响应信息返回给浏览器。在服务器端业务逻辑非常复杂或者需要耗时较长的情况下，浏览器等待刷新时，页面经常是一片空
白，用户只能被动等待服务器端响应完成，在此期� ......
