jQuery实现简单的点赞效果

本文实例讲解了jQuery实现简单的点赞效果的详细代码，具体内容如下

效果图：

下面提供一个'点赞'的实例代码，用ASP .NET MVC4 jQuery Ajax实现型号：

命名空间MvcAjaxAdd .模型{公共类单击计数模型{[键][数据库生成属性（系统组件模型。数据注释。架构。数据库生成选项。身份)]公共int ID { get设置；}公共字符串URL { get设置；} public int？Num { get设置；} } }查看：

@{ ViewBag .标题="索引";} @模型MvcAjaxAdd .模特。单击计数模型脚本src=' http : ~/Scripts/jquery-1。7 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ var obj={ ' num ' : $(' # lblnum ')).文本()，'网址' : window.location.pathname//获取/Home/Index }；$('#addnum ').单击(函数(){ $).ajax({ type: 'POST '，url: '/Home/ClickGood '，data: obj，success : function(data){ $(' # lblnum ').文本（数据. num)；//其它操作，比如每个登录用户只能点一次，按钮禁用等} });});});/script div id=' addnum ' style=' width : 70px；高度： 70px背景色： # FF9900 ' div align=' center ' style=' margin-top : 10px；'标签样式=' color: White '字号： 20 pt'顶/label/div align=' center ' label id=' lblnum ' style=' color : White；font-size : 10pt'@模型。编号/标签/分区/分区控制器：

命名空间MvcAjaxAdd .控制器{公共类家庭控制器：控制器{私有ClickCountContext db=new ClickCountContext()；公共行动结果索引(){点击计数模型点击计数模型=db .单击统计模型。first or default(x=x . URL=='/')；返回视图（点击计数模型);}[https]公共JsonResult单击好(单击CountModel单击count model){ 0单击计数模型新建单击CountModel=db .点击CountModels。第一个或默认(x=x . URL==点击计数模型.网址);新点击计数模型Num//数量1分贝.saveChanges()；返回JSON(NewClickCountMoDEL)；} } } 以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。