protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
tempEntities cbx = new tempEntities(); //用了实体框架获取数据表
var page1 = cbx.jRatingArticles.Where(m => m.id == 1).SingleOrDefault();
page1_title.Text = page1.title;
page1_body.Text = page1.body;
}
}
为了减少数据库连接代码，我用了实体框架，只映射了一张表（jRatingArticle），就是上面我们看到的。获取id为1的文章对象，并把相应属性赋值到Label控件的Text属性中。
页面效果如下：
我们可以看到上面前台页面的JS代码中，有这样一条语句：
phpPath: 'tempAjax.aspx/UpdateComment'
它指明了，当鼠标点击插件后，要通过Ajax发送数据的地址，这里我们用.net页面技术来处理这个异步请求。tempAjax.aspx的后台cs代码如下：
复制代码 代码如下:
[WebMethod()]
public static void UpdateComment(int idBox, int rate)
{
tempEntities cbx = new tempEntities();
var page1 = cbx.jRatingArticles.Where(m => m.id == 1).SingleOrDefault();
page1.is_comment = rate;
cbx.SaveChanges();
}
此时，我们还需修改jRating插件的原文件，把鼠标单击(click)处理函数中的$.post函数替换如下：
复制代码 代码如下:
$.ajax({
type: "POST",
url: opts.phpPath,
data: '{"idBox":"' + idBox + '","rate":"' + rate + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json"
});
为什么要改变源文件，因为我想改变Ajax请求的contentType属性，利用json格式发送请求数据，默认是application/x-www-form-urlencoded
OK，万事俱备，看一下执行效果（选择比例为16,16颗红星嘛）：
看看数据库的变化：
试验成功！今天学习就到这里，希望此篇学习笔记对大家能有所帮助！
您可能感兴趣的文章: