乘风原创程序

  • ASP+ajax实现顶一下、踩一下同支持与反对的实现代码
  • 2020/9/14 13:29:10
  • 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实现的网页上面的顶一下,踩一下功能代码,代码已经打包,大家可以看下代码即可。