Ajax实现自动刷新页面
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
所有开发环境:
Eclipse4.2
mySQL5.5
Tomcat6.0(先把数据库驱动程序加到tomcat\lib下)
建立的数据库中的表dbname=”person” table=”stuscore”
表如下:
前提先建好数据库person 建表代码:
# Host: localhost (Version: 5.5.20)
# Date: 2012-10-16 07:04:12
# Generator: MySQL-Front 5.2 (Build 3.32)
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE */;
/*!40101 SET SQL_MODE='STRICT_TRANS_TABLES,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION' */; /*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES */;
/*!40103 SET SQL_NOTES='ON' */;
/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS */;
/*!40014 SET FOREIGN_KEY_CHECKS=0 */;
#
# Source for table "stuscore"
#
DROP TABLE IF EXISTS `stuscore`;
CREATE TABLE `stuscore` (
`Id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(255) DEFAULT NULL,
`grade` varchar(255) DEFAULT NULL,
`score` varchar(255) DEFAULT NULL,
`state` int(255) DEFAULT NULL,
PRIMARY KEY (`Id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
#
# Data for table "stuscore"
#
/*!40000 ALTER TABLE `stuscore` DISABLE KEYS */;
INSERT INTO `stuscore` VALUES (1,'杜淳','200401','94.50000',1),(2,'马苏','200401','96.70000',1),(3,'李晨','200401','95.40000',1),(4,'立方','200402','89.70000',1);
/*!40000 ALTER TABLE `stuscore` ENABLE KEYS */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
本次工程结构如下:
其中AutoRefresh.jsp的代码如下:
<%@page language="java"contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
"/TR/html4/loose.dtd">
var XMLHttpReq;
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq=new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpReq=new
ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
XMLHttpReq=new
ActiveXObject("Microsoft.XMLHTTP");