本文实例讲解了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 顶
@model.num
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程序设计有所帮助。
