这里无刷新修改数据为什么不能修改的数据不能提交到数据库,请高人指点一下!

index.asp
 <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>
 <title>JQuery实现可编辑的表格</title>
 <link href="editTable.css" rel="stylesheet" type="text/css" />
 <script src="jquery.js" type="text/javascript"></script>
 </head>
 <body>
 <table>
 <tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr> <tr>
 <td >1235467</td>
 <td >987654321</td>
 <td >987654321</td>
 <td >123546789</td>
 <td > 987654321</td>
 </tr>
 <tr>
 <td >12354678</td>
 <td >987654321</td>
 <td >987654321</td>
 <td >123546789</td>
 <td > 987654321</td>
 </tr>
 <tr>
 <td >123546789</td>
 <td >987654321</td>
 <td >987654321</td> <td >123546789</td>
 <td > 987654321</td>
 </tr>
 </table>
 </body>
 </html>
   <script type="text/javascript">
   $(function(){
   //相当于在页面中的body标签加上onload事件
   //找到所有的td节点
   var tds=$("td");
   //给所有的td添加点击事件
   tds.click(function(){
   //获得当前点击的对象
   var td=$(this);
   //取出当前td的文本内容保存起来
   var oldText=td.text();
   //建立一个文本框,设置文本框的值为保存的值
   var input=$("<input type='text' value='"+oldText+"'/>");
   //将当前td对象内容设置为input 
   td.html(input);  
           //设置文本框的点击事件失效
   input.click(function(){
   return false;
   });
   //设置文本框的样式
   input.css("border-width","0");
   input.css("font-size","16px");
   input.css("text-align","center");
   //设置文本框宽度等于td的宽度 
           input.width(td.width());
             //当文本框得到焦点时触发全选事件
 input.trigger("focus").trigger("select");
 //当文本框失去焦点时重新变为文本
 input.blur(function(){
 var input_blur=$(this);
 //保存当前文本框的内容
 var newText=input_blur.val();
 td.html(newText);
 });
 //响应键盘事件
 input.keyup(function(event){
 // 获取键值
 var keyEvent=event || window.event;
 var key=keyEvent.keyCode;
 //获得当前对象
 var input_blur=$(this);
 switch(key)
 {
 case 13://按下回车键,保存当前文本框的内容
 var newText=input_blur.val();
 td.html(newText);
 var tdchs = td.parent("tr").children("td");
 var i = tdchs.eq(0).text();
 var c = td.attr("name");$.post("save.asp?id="+i+"&column="+c+"&value="+newText,null,function(data){alert(data);});                      break;
 case 27://按下esc键,取消修改,把文本框变成文本
 td.html(oldText);
 break;
 }
 });
 });
 });
 </script>

save.asp

<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
<TITLE>编辑通讯录</TITLE>
</HEAD>
<!--#include file="../Include/adoconn.asp" -->
<BODY>
<% dim id,col,val
id = Request.QueryString("id")
col = Request.QueryString("column")
val = Request.QueryString("value")
dim rs
set rs = server.createobject("adodb.recordset")
sql="select * from shuisheng whereID = "&id
rs.open sql,conn,1,3
rs(col) = val
rs.updaters.close
set rs=nothing
response.write "updated"
%>
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值