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

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)

相关推荐

  • ASP+ajax实现顶一下、踩一下同支持与反对的实现代码

    1.点击相应顶一下.踩几下的代码类似 response.write ("<a href='javascript:void(0)' onclick='digg("&rs("id")&",1)'>顶</a>(<span class='ding"&rs("id")&"'>"&rs("ding")&"&

  • jQuery+ajax实现顶一下,踩一下效果

    demo页面的实现 复制代码 代码如下: <div class="digg" id="digg"> <div class="good"> <a href="#"> <p>这个文档不错</p> <div class="bar"> <div id="g_img" style="width:70%"

  • Ajax实现评论中顶和踩功能的实例代码

    效果大致如下: javascript这块使用jquery.新建一个Asp.net web项目,使用NuGet获取Jquery最新版. 数据库方面使用Nhibernate,用Install-Package Nhibernate引用. 数据库是用的PostgreSQL,Install-Package Npgsql把驱动装上.我这里偷个懒,数据库名,用户名和密码都是ajaxDemo了. 创建数据库: 复制代码 代码如下: CREATE DATABASE "ajaxDemo"   WITH O

  • php结合ajax实现赞、顶、踩功能实例

    php应用越来越多,也越来越广泛,为了增加网站的丰富多彩,从而出现了很多新的技术.ajax是现代网站中不能缺少的一项技术,他可以异步刷新数据,而实现很多效果,比如刷新验证码,微博中的赞功能,都是运用这个. 本次赞功能的效果图: 主页文件(index.php): 复制代码 代码如下: <script type="text/javascript" src="http://www.jb51.net/js/jquery.min.js"></script&g

  • PHP结合jQuery实现的评论顶、踩功能

    当我们浏览网页时,我们想对网页内容如文章.评论中的观点持赞同或反对意见时,可以通过点击网页中的"顶"和"踩"来进行投票.而整个交互过程,开发者可以通过ajax异步来实现,从而提高用户体验. 本文结合实例,讲解使用PHP+MySql+jQuery实现的"顶"和"踩"投票功能,通过记录用户IP,判断用户的投票行为是否有效,该实例也可以扩展到投票系统中.如果您具备PHP.MySql和jQuery相关基础知识,那么请继续往下阅读. 准

  • 用php和jQuery来实现“顶”和“踩”的投票功能

    当我们浏览网页时,我们想对网页内容如文章.评论中的观点持赞同或反对意见时,可以通过点击网页中的"顶"和"踩"来进行投票.而整个交互过程,开发者可以通过ajax异步来实现,从而提高用户体验. 我们先要准备为整个实例运行所需的mysql数据表,实例中需要两个表,votes表用来记录对应文章或评论的用户投票数,并且我们默认写入一条id为1的数据以便演示,votes_ip表用来记录用户每次投票的IP,程序根据用户IP决定投票是否有效. 数据表 CREATE TABLE IF

  • 教大家使用java实现顶一下踩一下功能

    本文实例为大家分享了java实现顶一下踩一下功能的具体代码,供大家参考,具体内容如下 效果图如下: 主页面index.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

  • asp+ajax仿google搜索提示效果代码

    对于更完整的代码可以参考,这个是支持数据库的版本.经过我们编辑测试.Asp+Ajax仿google搜索提示效果 数据库版需要修改的地方有 复制代码 代码如下: javascript.js var url="ajax.asp"; //后台地址 var time_delayajax=300; //搜索延迟 var time_delayupdown=100; //方向键延迟 obj_div.style.top = (xtop + 20) + "px"; //20差不多是输

  • ASP+AJAX+ACCESS数据库实例讲解三个步骤分享

    看完本篇ajax实例教程,我相信你也可以轻松做出一个初级的AJAX应用. 你也可以直接访问:http://www.jb51.net/codes/57017.html 下载ajax教程的源码示例. 好,下面我们就始一步步让你了解AJAX+ASP基础应用,我们将分三步讲解,如下. 1. 前台AJAX代码(javascript)的创建. 2. 后台服务端ASP AJAX代码的编写. 3. ASP+AJAX+数据库的实例演示及讲解. 第一步:前台AJAX代码(javascript)的创建. 我们先创建一

  • Asp.Net中避免重复提交和弹出提示框的实例代码

    前台代码: <asp:Button ID="Button1" runat="server" Text="打印" onclick="Button1_Click" OnClientClick="this.value='数据提交中--';this.disabled=true;" UseSubmitBehavior="False" /> 后台代码: public partial cl

随机推荐