国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現簡單的點贊效果

2019-11-20 10:51:54
字體:
來源:轉載
供稿:網友

本文實例講解了jQuery實現簡單的點贊效果的詳細代碼,具體內容如下

效果圖:

下面提供一個"點贊"的實例代碼,用ASP.NET MVC4+jQuery Ajax實現。
Model:

namespace MvcAjaxAdd.Models {  public class ClickCountModel  {   [Key]   [DatabaseGeneratedAttribute(System.ComponentModel.DataAnnotations.Schema.DatabaseGeneratedOption.Identity)]   public int ID { get; set; }    public string URL { get; set; }    public int? Num { get; set; }  } } 

View:

@{  ViewBag.Title = "Index"; } @model MvcAjaxAdd.Models.ClickCountModel <script src="~/Scripts/jquery-1.7.1.js" type="text/javascript"></script> <script type="text/javascript">  $(function () {   var obj = {    "num": $("#lblnum").text(),    "url": window.location.pathname//獲取/Home/Index   };   $("#addnum").click(function () {    $.ajax({     type: 'POST',     url: '/Home/ClickGood',     data: obj,     success: function (data) {      $("#lblnum").text(data.Num);      //其它操作,比如每個登錄用戶只能點一次,按鈕禁用等     }    });   });  }); </script> <div id="addnum" style="width: 70px; height: 70px; background-color: #FF9900">  <div align="center" style="margin-top: 10px;">   <label style="color: White; font-size: 20pt;">    頂</label></div>  <div align="center">   <label id="lblnum" style="color: White; font-size: 10pt;">    @Model.Num</label></div> </div> 

Controller:

namespace MvcAjaxAdd.Controllers {  public class HomeController : Controller  {   private ClickCountContext db = new ClickCountContext();    public ActionResult Index()   {    ClickCountModel ClickCountModel = db.ClickCountModels.FirstOrDefault(x => x.URL == "/");    return View(ClickCountModel);   }    [HttpPost]   public JsonResult ClickGood(ClickCountModel ClickCountModel)   {    ClickCountModel newClickCountModel = db.ClickCountModels.FirstOrDefault(x => x.URL == ClickCountModel.URL);    newClickCountModel.Num++;//數量+1    db.SaveChanges();    return Json(newClickCountModel);   }  } } 

以上就是本文的全部內容,希望對大家學習jquery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吉安县| 仁化县| 临安市| 泰州市| 瑞丽市| 洞头县| 江川县| 齐齐哈尔市| 长泰县| 库尔勒市| 儋州市| 湘乡市| 兴仁县| 正安县| 壤塘县| 贵州省| 分宜县| 鄢陵县| 垣曲县| 临清市| 修武县| 鄂托克前旗| 合水县| 定边县| 安义县| 广汉市| 方城县| 成武县| 牡丹江市| 玉门市| 永仁县| 神木县| 阆中市| 杨浦区| 密云县| 会理县| 榕江县| 万山特区| 宁强县| 英吉沙县| 平泉县|