Ajax如何实现表格中某个单元格的刷新_百度知道
Ajax如何实现表格中某个单元格的刷新
我有更好的答案
jsp中的table局部刷新就通过ajax异步刷新数据数显的。jsp中ajax的写法：function update (){$.ajax(function(){
method:&post&,
url:&DeleteAction&,
data:xxxxx,
success: function(return) {
$(&#tabelData&).html(return);
}); }jsp中table：&table&
&td&第一行&/td&
&td&&a onclick=&updata()&&更新&/a&&/td&
实现过程：点击表格的某一行数据，就触发更新动作，执行update方法。update中调用ajax接口去后台取数据并刷新之前的记录。
采纳率：81%
来自团队：
两种：一、通过表格（如已把ID设为&TAB1&）var myTab=document.getElementById(&TAB1&);//通过“ID”取得表格对象myTab.rows[0].cells[0].innerText=&返回值&;
//如要修改〇行〇列二、直接取得单元格对象（如已把ID设为&TD1&）document.getElementById(&TD1&).innerText=&返回值&;
//如要修改〇行〇列除了修改innerText外还可以修改innerHTML，style字体、背景等。……
本回答被网友采纳
首先要为这个单元格设置ID，然后在回调事件中，用innerHTML来刷新
可以这样哈&script src=BB.ASP?参数名=参数值&&/script&在BB.ASP中 数据库中取出文本,数字后response.write
&document.write(&
文本或数字
&)&另外,团IDC网上有许多产品团购,便宜有口碑
cfjuudjjhbvgydg
其他2条回答
为您推荐：
其他类似问题
ajax的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。ajax+jsp提取数据库记录并实现自动刷新页面
在web网站开发中，网页自动刷新的需求及功能已经屡见不鲜了，传统的用整体页面的刷新效果的实现对于网络速度受限的情况下显得就好些得不偿失了！&
这里将介绍一种使用Ajax技术实现网页的局部刷新的功能，只更新局部数据，而非页面全部，详细的源代码请如下所示吧:&
其中，本人使用mysql数据库，news表的表结构为：&
size=large]描述&&&&&&&&&
名称&&&&&&
是否为空&&&&
新闻编号&&&&&
newsId&&& Not
新闻内容&&&&&
newsName& Not
备注&&&&&&&&&
Null&&[size]&&&&&
首先：新建index.jsp如下：&
&%@ page contentType="text/ charset=gbk"
language="java" %&&
&HEAD&&TITLE&用户登录页面&/TITLE&&
type="text/javascript"&&
trim(str)&&&&&&
&&& var t =
str.replace(/(^\s*)|(\s*$)/g, "");& //
用正则表达式将前后空格&&&&&&&&
&&& return
t.replace(/(^　*)|(　*$)/g,
"");&&&&&&&
用空字符串替代。&&&&&&
function createXMLHttpRequest(){&
if(window.ActiveXObject){&
xmlHttp=new
ActiveXObject("Microsoft.XMLHTTP");&
if(window.XMLHttpRequest){&
xmlHttp=new XMLHttpRequest();&
function validate(){&
createXMLHttpRequest();&
url="Del1.jsp";&
xmlHttp.open("GET",url,true);&
xmlHttp.onreadystatechange=&
xmlHttp.send(null);&
function callback(){&
if(xmlHttp.readyState==4){&
setTimeout("validate()",3600);&
function show(){&
xmlDoc=xmlHttp.responseXML;&
yan=xmlDoc.getElementsByTagName_r("content");&
i=0;i&yan.i++){&
var y=yan[i];&
var name=y.childNodes[0].firstChild.&
ta+="&tr&&td
WIDTH=100% height=20&&table
width=100% height=100% cellpadding=0 cellspacing=0
border=0&&tr&&td&&&"+name+"&/td&&td
width=20% nowrap
align=right&&/td&&/tr&&/table&&/td&&/tr&";&
document.getElementByIdx("res").innerHTML=&
function startmarquee(lh,speed,delay) {&
validate();&
o=document.getElementByIdx("res");&
o.innerHTML+=o.innerHTML;&
& o.style.marginTop=0;&
o.onmouseover=function(){p=}&
o.onmouseout=function(){p=}&
& function start(){&
t=setInterval(scrolling,speed);&
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";&
& function scrolling(){&
if(parseInt(o.style.marginTop)%lh!=0){&
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";&
if(Math.abs(parseInt(o.style.marginTop))&=o.scrollHeight/2)
o.style.marginTop=0;&
&& }else{&
clearInterval(t);&
setTimeout(start,delay);&
& setTimeout(start,delay);&
&/script&&
onLoad="startmarquee(90-18,40,0)"&&
&table height=44 cellSpacing=0 cellPadding=0
width=870 align=center bgColor=#ffffff
border=0&&
&td vAlign=center
align=middle&&
&table height=33 cellSpacing=1 cellPadding=0
width=860 align=center
border=0&&
&&&&&&&&&&&
&td vAlign=center
&&&&&&&&&&&&&&
&font color="red" &${loginmessage }
&/font&&form
name="logform" action="/login.do"
method="post"&&
&&&&&&&&&&&&&&&&&&
&&&用户名：&Input
style="FONT-WEIGHT: FONT-SIZE: 11 COLOR: #cc6600;
FONT-FAMILY: V BACKGROUND-COLOR: #f9f9f9" tabIndex=1 size=13
name="username"&&
&&&&&&&&&&&&&&&&&
密码：&Input style="FONT-WEIGHT: FONT-SIZE: 11
COLOR: #cc6600; FONT-FAMILY: V BACKGROUND-COLOR: #f9f9f9"
tabIndex=1 type=password size=13 value=""
name="password"&&
&&&&&&&&&&&&&&&&&&
&Input class="button2" type="submit" value=口令登录
name=B12 &&
&&&&&&&&&&&&&&&&&&&&&
&Input class="button2" type="reset" value=重置
name=reset2 &&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&
id="res"&&/div&&
然后，新建Conn.jsp，用于每个页面调用：&
&%@ page contentType="text/ charset=utf-8"
import="java.sql.*, javax.naming.Context,
javax.naming.InitialContext"&
errorPage=""%&&
&%!Connection conn =&
Statement stmt =&
ResultSet rs =&
public void jspInit() {&
//Class.forName("com.mysql.jdbc.Driver");&
//建立连接&
//conn = DriverManager.getConnection(&
// "jdbc:mysql://localhost:3306/SKY5", "root",
"123456");&
Context initCtx = new InitialContext();&
Context ctx = (Context)
initCtx.lookup("java:comp/env");&
//获取连接池对象&
Object obj = (Object)
ctx.lookup("jdbc/javasky");&
//类型转换&
javax.sql.DataSource ds = (javax.sql.DataSource)
conn = ds.getConnection();&
stmt = conn.createStatement();&
} catch (Exception ex) {&
System.out.println(ex.toString());&
public void Exec(String sql) {&
jspInit();&
stmt.executeUpdate(sql);&
} catch (Exception e) {&
System.out.print(e.toString());&
public ResultSet getRs(String sql) throws SQLException
jspInit();&
rs = stmt.executeQuery(sql);&
} catch (Exception e) {&
System.out.print(e);&
public ResultSet executeQuery(String sql) throws Exception
jspInit();&
sql = new String(sql.getBytes("GBK"),
"ISO8859_1");&
stmt = conn.createStatement(&
java.sql.ResultSet.TYPE_SCROLL_INSENSITIVE,&
java.sql.ResultSet.CONCUR_READ_ONLY);&
rs = stmt.executeQuery(sql);&
} catch (SQLException ex) {&
System.out.println("sql.executeQuery:" +
ex.getMessage());&
public String getS(String Str) {&
byte b[] = Str.getBytes("ISO-8859-1");&
Str = new String(b, "UTF-8");&
} catch (Exception ee) {&
ee.printStackTrace();&
其次，新建Del1.jsp如下：&
&%@ page contentType="text/ charset=utf-8"
import="java.sql.*,java.util.*" errorPage=""
&%@ include file="Conn.jsp"
& ResultSet rs=getRs("select * from news order by
newsId desc");&
& StringBuffer content=new
StringBuffer("");&
response.setContentType("text/xml");&
response.setHeader("Cache-Control","no-cache");&
& content.append("&?xml
version=\"1.0\"&&
encoding=\"UTF-8\" ?&");&
content.append("&contents&");&
while(rs.next()){&
&&& String
newsName=rs.getString("newsName");&
content.append("&content&");&
content.append("&name&"+ newsName
+"&/name&");&
content.append("&/content&");&
content.append("&/contents&");&
out.print(content);&
catch(Exception e){&
e.printStackTrace();&
最后在web.xml配置文件中加入如下内容：&
&welcome-file-list&&
&welcome-file&index.jsp&/welcome-file&&
&/welcome-file-list&&
这样就完成了自动刷新页面的功能，当访问index.jsp首页时，将自动显示news表中所有newsName的数据，当该数据表中新增数据时，首页面将自动将之显示给用户，这样也为用户提供了方便，不用再刷新整个页面！
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。Ajax怎么实现异步刷新数据_百度经验
&&&&&&&&&电脑软件Ajax怎么实现异步刷新数据
百度经验:jingyan.baidu.com&【Ajax 实现异步刷新数据】简单地说Ajax 他不是一门语言而是一集js+xml的技术， 主要实现在不用刷新页面的情况到和用务器进行数据交付，从而达到良好的用户体验。在了解Ajax之前你应该先对 Html , Xml, CSS , Javascript 等一些网页前端技术有所了解。如何实现局部刷新首先应该在页面头部写一个js函数，例如：&head&&script type="text/javascript"&function TestAjax(){&$.ajax({&&&&&&& url: 'ajax.aspx ' //访问路径&&&&&& data: 'cmd=' + 'clickme' + '&TxtMs=' + $("#TxtMs").val() + "&TxtMr=" + $("#TxtMr1").val()&&& + "&TxtMemorial2=" + $("#TxtMemorial3").val(), //需要验证的参数,这里可以带多个参数，你可以设置第一个参数据来区别这个方法是执行那种操作。&&&&&&& type: 'post', //传值的方式&&&&&&& error: function () {//访问失败时调用的函数&&&&&&&&&&& alert("链接服务器错误！");&&&&&&& },&&&&&&& success: function (msg) {//访问成功时调用的函数,这里的msg是Login.ashx返回的值&&&&&&&&&&& // alert(msg);&&&&&&&&&&& if (msg == 0) {&&&&&&&&&&&&&&& alert("提示\n\n提交失败,！");&&&&&&&&&&& }}//关于返回值，后台Response.Write("0"); 可以这样返回过来，以判断是否成功。&/script&&/head&此函数需要调用js 类库，如：&&script type="text/javascript" src="/js/jquery-1.4.2.min.js"&&/script&调用这个函数&div onclick="TestAjax();"&Check me !&/div&&当然实现ajax 方法有很多种，此为一种，供大家参考。经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。投票(8)已投票(8)有得(0)我有疑问(0)◆◆说说为什么给这篇经验投票吧！我为什么投票...你还可以输入500字◆◆只有签约作者及以上等级才可发有得&你还可以输入1000字◆◆如对这篇经验有疑问，可反馈给作者，经验作者会尽力为您解决！你还可以输入500字相关经验03612300热门杂志第1期你不知道的iPad技巧3796次分享第1期win7电脑那些事6650次分享第2期新人玩转百度经验1414次分享第1期Win8.1实用小技巧2658次分享第1期小白装大神1932次分享◆请扫描分享到朋友圈博客分类：
Ajax 页面无刷新完整 表格编辑 姓名验证 增 删 改 查 源码带数据库
附件中可下载源码加数据库,下载前看自己是否需要
实现内容:
1.姓名无刷新检查 数据库中是否有同名的帐户
2.增 删 改 查 页面无刷新 实现
3.表格编辑 无需提交新的页面处理数据
4.POST 提交中文已经处理
实现:Jsp ,js ,css, ajax,sqlserver 2005
效果图
1.页面显示数据
2.用户名自动检查
3.已经存在的显示
5.添加后的数据页面也不会刷新
6.还可以实现行内编辑效果
7.修改数据
8.更新后的数据
部分源码& index.jsp
&%@ page language="java" pageEncoding="GBK" contentType="text/ charset=UTF-8"%&
&title&编辑数据&/title&
&link rel="stylesheet" type="text/css" href="css/styles.css"&
&style type="text/css"&
#contentDiv{
margin-left:130
line-height: 18
margin-left:130
font-size:12
border:1px redge #227799;
background-color:#
.emailTxt{
font-size:12
border:1px redge #227799;
background-color:#
.addressTxt{
font-size:12
border:1px redge #227799;
background-color:#
&script type="text/javascript"&
//异步请求对象
//得到请求对象
function getXMLHttpRequestObject(){
//不同的浏览器创建方式不同
xmlRequest = new XMLHttpRequest(); //Firefox ,safari
}catch(e){
xmlRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
return xmlR//返回
//检查用户是否存在
function checkUser(userName){
//用户名输入不能为空
if(userName==""){
document.getElementById("mess").innerHTML="&font color='red'&&不能为空！&/font&";
//得到请求对象
xmlRequest = getXMLHttpRequestObject();
if(xmlRequest==null){
alert("您的浏览器不支持AJAX!");
var url = "checkuser.jsp"; //请求页面
url+="?user="+userN //用户名
url=encodeURI(url);
url=encodeURI(url);
xmlRequest.onreadystatechange = stateC//状态改变调用函数
xmlRequest.open("GET",url,true);
//xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form- charset=UTF-8');
xmlRequest.send(null);
// 发送请求
//姓名是否已经存在检查
function stateChanged(){
if(xmlRequest.readyState==4){
if(xmlRequest.status==200){
showMess();
}else { //页面不正常
window.alert("您所请求的页面有异常。");
}else{ //请求状态还没有成功，页面等待
document .getElementById ("mess").innerHTML ="检查中...";
//姓名检查 异步处理显示信息
function showMess(){
var message = xmlRequest.responseT
document.getElementById("mess").innerHTML =
//显示表格编辑的数据
function changeView(id,name,email,address,birthday){
objname = document.getElementById('tdname'+id);
objemail = document.getElementById('tdemail'+id);
objaddress = document.getElementById('tdaddress'+id);
objbirthday = document.getElementById('tdbirthday'+id);
objmanage = document.getElementById('tdmanage'+id);
objname.innerHTML="&input type='text' name='name"+id+"' id='name"+id+"' class='nameTxt' value='"+name+"'&";
objemail.innerHTML="&input type='text' name='email"+id+"' id='email"+id+"' class='emailTxt' value='"+email+"'&";
objaddress.innerHTML="&input type='text' name='address"+id+"' id='address"+id+"' class='addressTxt' value='"+address+"'&";
objbirthday.innerHTML="&input type='text' name='birthday"+id+"' id='birthday"+id+"' class='nameTxt' value='"+birthday+"'&";
objmanage.innerHTML="&a href=javascript:getData('update','"+id+"')&OK&/a& &&a href=javascript:getData('load','')&Cancel&/a&";
//得到表格数据
function getData(flag,id){
var url = "getdata.jsp";//要请求的数据库返回的数据页面
//得到请求对象
xmlRequest = getXMLHttpRequestObject();
if(xmlRequest==null){
alert("您的浏览器不支持AJAX!");
//load 表示是页面加载数据
if(flag=="load"){
url +="?flag=load";
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
// 发送请求
}else if(flag=="add"){
//add 表示是页面添加数据动作
//简单验证数据
var name = document.myform.newname.
var email = document.myform.newemail.
var address = document.myform.newaddress.
var birthday = document.myform.newbirthday.
//简单判断是否完整
if(name==""||email==""||address==""||birthday==""){
alert("信息不完整！");
document.myform.newname.focus();
//拼接请求的字符串
var url = "getdata.jsp?flag=add";
url+="&name="+name+"&email="+email+"&address="+address+"&birthday="+
url=encodeURI(url);
url=encodeURI(url);
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("POST",url,true);
xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form- charset=UTF-8');
xmlRequest.send(url);
// 发送请求
}else if(flag=="update"){
//简单验证数据
var name = document.getElementById("name"+id).
var email = document.getElementById("email"+id).
var address = document.getElementById("address"+id).
var birthday = document.getElementById("birthday"+id).
//简单判断是否完整
if(name==""||email==""||address==""||birthday==""){
alert("信息不完整！");
document.getElementById(id+"name").focus();
//拼接请求的字符串
var url = "getdata.jsp?flag=update";
url+="&name="+name+"&email="+email+"&address="+address+"&birthday="+birthday+"&id="+
url=encodeURI(url);
url=encodeURI(url);
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("POST",url,true);
xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form- charset=UTF-8');
xmlRequest.send(url);
// 发送请求
}else if(flag=="delete"){
url +="?flag=delete&id="+
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
// 发送请求
//状态改变 回调函数
function dataChanged(){
if(xmlRequest.readyState==4){
if(xmlRequest.status==200){
showDatas();//已经可以正常接受数据
}else { //页面不正常
window.alert("您所请求的页面有异常。");
//表格部分显示数据
function showDatas(){
//从响应页面得到数据
var message = xmlRequest.responseT
//显示数据
document.getElementById("datadiv").innerHTML =
document.myform.newname.value="";
document.myform.newemail.value="";
document.myform.newaddress.value="";
document.myform.newbirthday.value="";
document.getElementById("mess").innerHTML="";
&body onload="getData('load','')"&
&div id="mainDiv"&
&div id="addDiv"&
&h3&Information&/h3&
&form name = "myform" method="post"&
&table width="100%"&
&td&Name:&/td&
&td&&input type="text" name="newname" onclick="value=''" class="normalTxt" onblur="checkUser(this.value)"&
&span id="mess"&&/span&
&td&Email:&/td&
&td&&input type="text" name="newemail" class="middleTxt" size="150"&&/td&
&td&Address:&/td&
&td&&input type="text" name="newaddress" class="longTxt"&&/td&
&td&BirthDay:&/td&
&td&&input type="text" name="newbirthday" class="normalTxt"&&/td&
&td colspan="2"&
&input type="button" value="submit" onclick="getData('add','')" class="normalBtn"&&
&input type="reset" value="Reset" class="normalBtn"&
&div id="datadiv"&
index.jsp 主页面实现思路
1. 在 body onload 事件中 调用函数
&body onload="getData('load','')"&
getData()函数 主要是做异步向数据库发送请求动作，可以处理增 删 改 查操作
请求的页面都是& getdata.jsp
通过& 判断用户到底执行的是哪一个动作 ,第二个参数是 id 用户执行 删除和修改标识动作
//load 表示是页面加载数据
if(flag=="load"){
//得到表格数据
function getData(flag,id){
var url = "getdata.jsp";//要请求的数据库返回的数据页面
//得到请求对象
xmlRequest = getXMLHttpRequestObject();
if(xmlRequest==null){
alert("您的浏览器不支持AJAX!");
//load 表示是页面加载数据
if(flag=="load"){
url +="?flag=load";
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
// 发送请求
}else if(flag=="add"){
//add 表示是页面添加数据动作
//简单验证数据
var name = document.myform.newname.
var email = document.myform.newemail.
var address = document.myform.newaddress.
var birthday = document.myform.newbirthday.
//简单判断是否完整
if(name==""||email==""||address==""||birthday==""){
alert("信息不完整！");
document.myform.newname.focus();
//拼接请求的字符串
var url = "getdata.jsp?flag=add";
url+="&name="+name+"&email="+email+"&address="+address+"&birthday="+
url=encodeURI(url);
url=encodeURI(url);
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("POST",url,true);
xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form- charset=UTF-8');
xmlRequest.send(url);
// 发送请求
}else if(flag=="update"){
//简单验证数据
var name = document.getElementById("name"+id).
var email = document.getElementById("email"+id).
var address = document.getElementById("address"+id).
var birthday = document.getElementById("birthday"+id).
//简单判断是否完整
if(name==""||email==""||address==""||birthday==""){
alert("信息不完整！");
document.getElementById(id+"name").focus();
//拼接请求的字符串
var url = "getdata.jsp?flag=update";
url+="&name="+name+"&email="+email+"&address="+address+"&birthday="+birthday+"&id="+
url=encodeURI(url);
url=encodeURI(url);
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("POST",url,true);
xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form- charset=UTF-8');
xmlRequest.send(url);
// 发送请求
}else if(flag=="delete"){
url +="?flag=delete&id="+
//状态改变
xmlRequest.onreadystatechange = dataC
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
// 发送请求
检查 用户姓名是否存在部分也非常的简单 ，请求的是 checkuser.jsp 页面
//检查用户是否存在
function checkUser(userName){
//用户名输入不能为空
if(userName==""){
document.getElementById("mess").innerHTML="&font color='red'&&不能为空！&/font&";
//得到请求对象
xmlRequest = getXMLHttpRequestObject();
if(xmlRequest==null){
alert("您的浏览器不支持AJAX!");
var url = "checkuser.jsp"; //请求页面
url+="?user="+userN //用户名
url=encodeURI(url);
url=encodeURI(url);
xmlRequest.onreadystatechange = stateC//状态改变调用函数
xmlRequest.open("GET",url,true);
//xmlRequest.setRequestHeader('Content-Type', 'application/x-www-form- charset=UTF-8');
xmlRequest.send(null);
// 发送请求
中间有一部份代码，是用户当前页面编辑的传递参数，通过 innerHTML 输出标签内容
//显示表格编辑的数据
function changeView(id,name,email,address,birthday){
objname = document.getElementById('tdname'+id);
objemail = document.getElementById('tdemail'+id);
objaddress = document.getElementById('tdaddress'+id);
objbirthday = document.getElementById('tdbirthday'+id);
objmanage = document.getElementById('tdmanage'+id);
objname.innerHTML="&input type='text' name='name"+id+"' id='name"+id+"' class='nameTxt' value='"+name+"'&";
objemail.innerHTML="&input type='text' name='email"+id+"' id='email"+id+"' class='emailTxt' value='"+email+"'&";
objaddress.innerHTML="&input type='text' name='address"+id+"' id='address"+id+"' class='addressTxt' value='"+address+"'&";
objbirthday.innerHTML="&input type='text' name='birthday"+id+"' id='birthday"+id+"' class='nameTxt' value='"+birthday+"'&";
objmanage.innerHTML="&a href=javascript:getData('update','"+id+"')&OK&/a& &&a href=javascript:getData('load','')&Cancel&/a&";
checkuser.jsp 主要是用户检查用户是否存在
//设置编码
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("user").trim();
name = URLDecoder.decode(name,"UTF-8");
Message message = new BOMessage().getMessageByName(name);
//设置输出信息的格式及字符集
response.setContentType("text/ charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
out.print("&response&");
if(message.getId()!=-1){
out.print("&font color='red'&用户名已经存在！请更改！&/font&");
out.print("&font color='blue'&可以添加此用户！&/font&");
out.print("&/response&");
中间一部分的表格编辑部分是前一个实例中专门实现了的，因此如果只是需要看表格编辑部分，可以查看
且这个实例中的表格编辑部分有所改动，主要在于页面请求的表格数据不是当页显示，而是从异步请求 处理页面部分返回的，因此有一些差异，大家可以对比的去看.
getdata.jsp 表格部分处理代码 和 index.jsp中的代码有对应的部分
for (int i = 0; i & list.size(); i++) {
Message message = list.get(i);
&td width="5%"&&%=message.getId()%&&/td&
&td width="15%" id="tdname&%=message.getId()%&"&&%=message.getName()%&&/td&
&td width="20%" id="tdemail&%=message.getId()%&"&&%=message.getEmail()%&&/td&
&td width="30%" id="tdaddress&%=message.getId()%&"&&%=message.getAddress()%&&/td&
&td width="15%" id="tdbirthday&%=message.getId()%&"&&%=message.getBirthDay()%&&/td&
&td width="15%" id="tdmanage&%=message.getId()%&"&
href="javascript:changeView('&%=message.getId()%&','&%=message.getName()%&','&%=message.getEmail()%&','&%=message.getAddress()%&','&%=message.getBirthDay()%&')"&Edit&/a&&
&a href="javascript:getData('delete','&%=message.getId()%&')"&Delete&/a&
(508.3 KB)
下载次数: 1191
你好， 当我试着运行你的代码时为什么会是打不开的呢？
我使用的是IE6.0浏览器. 你看看是浏览器的问题,还是部署的问题.
浏览: 95466 次
来自: 北京
学习了。http://surenpi.com
KevinDai007 写道这个项目是不是我问题?我在我电脑上 ...
这个项目是不是我问题?我在我电脑上运行时，找开第二个窗口后，那 ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'}