每次修改商品数量和价格的时候,要打开整个商品的修改信息,太麻烦了。今天写一个jquery无刷新修改商品的数量和价格的代码,解决这个问题。并且这里面的函数和代码可用于修改本数据库其它表中的数字型和货币型字段。
此源码下载地址:http://www.aspbc.com/code/showcode.asp?id=108
此源码演示地址:http://www.aspbc.com/demo/goods/
需要的代码:
index:asp文件,显示所有商品
功能:jquery无刷新修改商品的数量和价格
来自:www.aspbc.com(asp编程网)
作者:wangsdong
原创文件,请保留此信息 -->
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="modify.js"></script>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" align="center" bgcolor="#999999"><span class="STYLE1">编号</span></td>
<td align="center" bgcolor="#999999"><span class="STYLE1">产品名称</span></td>
<td align="center" bgcolor="#999999"><span class="STYLE1">价格</span></td>
<td align="center" bgcolor="#999999"><strong class="STYLE1">数量</strong></td>
<td align="center" bgcolor="#999999"><span class="STYLE1">时间</span></td>
</tr>
<%
set rs = server.createobject("adodb.recordset")
sql = "select gid,gname,gprice,gorder,gtime from [goods]"
rs.open sql,conn,1,1
if rs.eof then
else
do while not rs.eof
gid = rs("gid")
gname = rs("gname")
gprice = rs("gprice")
gorder = rs("gorder")
gtime = rs("gtime")
'******************下面是你要显示的******************
%>
<tr>
<td height="20" align="center"><%=gid%></td>
<td align="center"><%=gname%></td>
<td align="center"><span id="gname1<%=gid%>" style="cursor:hand; text-decoration:underline;" onClick="forder(<%=gid%>,'<%=gprice%>','goods','gprice','gid','gname1');"><%=gprice%></span></td>
<td align="center"><span id="gname2<%=gid%>" style="cursor:hand; text-decoration:underline;" onClick="forder(<%=gid%>,'<%=gorder%>','goods','gorder','gid','gname2');"><%=gorder%></span></td>
<td align="center"><%=gtime%></td>
</tr>
<%
'******************上面是你要显示的******************
rs.movenext
loop
end if
rs.close
%>
</table>
modify.js文件,定义几个函数
函数的使用方法见里面的说明
// JavaScript Document
/*
功能:jquery无刷新修改商品的数量和价格
来自:www.aspbc.com(asp编程网)
作者:wangsdong
原创文件,请保留此信息
*/
/*
id为要修改的记录ID
v是当前默认值
tablename表名
fname为字段名
gname为id的字段名
*/
function forder(id,v,tablename,fname,gname,str5)
{
str='<input type="text" size="3" value="'+id+'">';
str2='<input id="kk'+id+'" type="text" size="5" value="'+v+'" onblur="fchangeorder('+id+',this.value,\''+v+'\',\''+tablename+'\',\''+fname+'\',\''+gname+'\',\''+str5+'\');">';
$("#"+str5+id).html(str2);
$("#kk"+id).focus();
}
/*
id为记录ID
v1为默认值
v为修改后的值
fname为字段名
gname为ID字段名,自动编号的那个字段的字段名
str5为页面上那个span的ID
*/
function fchangeorder(id,v,v1,t1,fname,gname,str5)
{
$.post("modify.asp",{id:id,v:v,t1:t1,fname:fname,gname:gname},
function(data){
if(data==1)
{
$("#"+str5+id).html(v);
}
else
{
$("#"+str5+id).html(v1);
}
}
);
}
modify.asp文件,修改表中相应的字段值
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!-- #include file="adoconn.asp" -->
<%
' 功能:jquery无刷新修改商品的数量和价格
' 来自:www.aspprogram.cn(asp编程网)
' 作者:wangsdong
' 原创文件,请保留此信息
id=request("id")
v=cstr(request("v"))
t1=request("t1")
fname=request("fname")
gname=request("gname")
sql="update "&t1&" set "&fname&"="&v&" where "&gname&"="&id
conn.execute(sql)
response.write 1
%>
自己可以根据这个做一下,也可以去下载我们提供的程序
完毕。