ASP+ajax实现顶一下、踩一下同支持与反对的实现代码
这篇文章主要介绍了ASP+ajax实现顶一下、踩一下同支持与反对的实现代码,需要的朋友可以参考下
1、点击相应顶一下、踩几下的代码类似
response.write ("<a href='javascript:void(0)' onclick='digg("&rs("id")&",1)'>顶</a>(<span class='ding"&rs("id")&"'>"&rs("ding")&"</span>)")
response.write ("<a href='javascript:void(0)' onclick='digg("&rs("id")&",2)'>踩</a>(<span class='cai"&rs("id")&"'>"&rs("cai")&"</span>)=><a href='article.asp?id="&rs("id")&"'>内容页顶踩</a><br/>")
2、点击后调用相应的JS函数ajax传入相应的参数,范例代码如
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | function digg(getid,dingcai){ //以.post方式与dingcai.asp文件交互。注意路径 $.post( 'inc/dingcai.asp' , { "id" : getid , "dingcai" : dingcai }, function (data){ data=data.indexOf( 'yang_yes' ) if (data>=0){ if (dingcai==1){ //重新获取当前"顶"并加1 var ding = parseInt($( ".ding" +getid).html())+1; //重新更新"顶"的数据入库 $( ".ding" +getid).html(ding); } else { //踩 var cai = parseInt($( ".cai" +getid).html())+1; $( ".cai" +getid).html(cai); } alert( "感谢你的支持!如果不需要js提示请删除本行代码" ); } else { alert( "你已经投过票了!如果不需要js提示请删除本行代码" ); } }, "text" ); } |
3、传入指定的ASP文件里面实现范例代码如
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | mycookies=0 id = clng(request.form( "id" )) dingcai = request.form( "dingcai" ) if id<> "" then if request.cookies( "mycookies" &id)<>id then '写入cookies,有效期24小时 Response.cookies( "mycookies" &id)=id Response.Cookies( "mycookies" &id).expires=dateadd( "H" ,24,now()) else mycookies=1 end if else mycookies=1 end if '接受对应的id '如果顶踩过来的id不为空,并且获取是顶的操作或踩的操作 if request.form( "id" )<> "" and request.form( "dingcai" )<> "" then '如果是顶的操作 if dingcai=1 then sql = "update dingcai set ding=ding+1 where id=" &id else sql = "update dingcai set cai=cai+1 where id=" &id end if if mycookies=0 then conn.execute(sql) response.write "yang_yes" else response.write "yang_no" end if end if |
这就完成了,列表页面与详情页面都可以类似实现。
大家也可以下载这个源码学习一下
基于jquery的ajax实现的网页上面的顶一下,踩一下功能代码,代码已经打包,大家可以看下代码即可。
到此这篇关于ASP+ajax实现顶一下、踩一下同支持与反对的实现代码的文章就介绍到这了