分页显示的一个案例

主要是AJAX的综合应用,涉及到了数据库,XML,XSL,Javascript,html,servlet,jsp,css
其中没有做好的是删除后的自动刷新,有待更正!
起始页index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="CSS/c.css"/>
<title>小组管理系统</title>
<script type="text/javascript" language="javascript">
var xmlHttp;
var req_url;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttp=new XMLHttpRequest();
}
}

function startRequest(url){
req_url=url;
createXMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",req_url,true);
xmlHttp.send(null);
}

function handleStateChange(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
if(req_url.substring(0,24)=='servlet/ViewTeamsPageXml'){
var xslDoc=new ActiveXObject("Microsoft.XMLDOM");
xslDoc.async=false;
xslDoc.load("xsl/teaminfo.xsl");
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load(xmlHttp.responseXML);
document.getElementById("show").innerHTML=xmlDoc.transformNode(xslDoc);
}
if(req_url.substring(0,18)=='servlet/DeleteTeam'){
var xslDoc=new ActiveXObject("Microsoft.XMLDOM");
xslDoc.async=false;
xslDoc.load("xsl/teaminfo.xsl");
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load(xmlHttp.responseXML);
document.getElementById("show").innerHTML=xmlDoc.transformNode(xslDoc);
alert('删除成功');
}
}
}
}

</script>
</head>
<body bgcolor="#CCFFFF">
<div id="top">
<p>小组管理系统</p>
<p><a href="javascript:startRequest('servlet/ViewTeamsPageXml')">显示小组</a></p>
</div>
<div id="show">
</div>
</body>
</html>

业务类business.TeamBusiness.java

package business;

import java.sql.*;

import bean.Team;
import java.util.*;
import org.dom4j.*;
import database.DataSource;

public class TeamBusiness {
//将数据库中符合条件的数据作为一个document对象输出
public Document teamsPageXml(int currentPage,int n){
Document document=DocumentHelper.createDocument();
Element rootElm=document.addElement("teaminfo");
Element teamsElm=rootElm.addElement("teams");
Connection cn=null;
PreparedStatement pst=null;
ResultSet rs=null;
try{
cn=DataSource.getConnection();
String sql="select id,name,slogan,leader from team limit ?,?";
pst=cn.prepareStatement(sql);
pst.setInt(1, (currentPage-1)*n
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值