异步分页ajax
****jsp页面代码
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link type="text/css" rel="stylesheet" href="../style/style.css" />
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript" src="../js/jquery.messager.js"></script>
<script type="text/javascript" src="../js/time.js"></script>
<title>代办事宜系统</title>
<script type="text/javascript">
function pages(page){
$.ajax({url: "pages.action?page=" + page,
dataType:'json',
async:false,
success:function(data){
$('#tb1').empty();
for( var i=0;i<data.length;i++){
$('#tb1').append(
'<tr><td>' + data[i].id
+ '</td><td>' + data[i].title
+ '</td><td>' + data[i].remindtimes
+ '</td><td>' + data[i].ji.gradename
+ '</td><td>' + data[i].content
+ '</td><td><a href="detail.action?id=' + data[i].id +' " target="_blank">查看</a>'
+ '<a href="toModi.action?id=' + data[i].id +' " > 修改</a>'
+ '<a href="delete.action?id=' + data[i].id +' " > 删除</a>'
+ '</td></tr>');
}
}
});
};
</script>
</head>
<body>
<div align="center" style="font-size: 30px;">列表显示</div>
<form action="list/list.action" id="listform">
<div >
<table border="1px"align="center" width="850" height="50" >
<thead>
<tr>
<td>事件ID</td>
<td>标题</td>
<td>提醒时间</td>
<td>事件级别</td>
<td>事件内容</td>
<td>查看详情</td>
</tr>
</thead>
<tbody id="tb1">
<s:iterator value="list">
<tr>
<td><s:property value="id"/></td>
<td><s:property value="title"/></td>
<td><s:date name="remindtimes" /></td>
<td><s:property value="ji.getGradename()"/></td>
<td><s:property value="content"/></td>
<td><a href="detail.action?id=<s:property value="id"/>" target="_blank">查看</a>
<a href="toModi.action?id=<s:property value="id"/>" >修改</a>
<a href="delete.action?id=<s:property value="id"/>" > 删除</a>
</td>
</tr>
</s:iterator>
</tbody>
</table>
<!--分页-->
<div align="center">
<s:iterator begin="1" end="totalPages" var="p">
<a href="javascript:; pages(${p})" target="right">${p}</a>
</s:iterator>
</div>
</div>
</form>
</body>
</html>
