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传入相应的参数,范例代码如

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文件里面实现范例代码如

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实现顶一下、踩一下同支持与反对的实现代码的文章就介绍到这了,更多相关ASP 顶、踩、支持与反对内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部