jRating 使用范例 (.net) 注：此插件不支持 IE6

最新推荐文章于 2017-11-14 21:01:00 发布

吉普赛的歌

最新推荐文章于 2017-11-14 21:01:00 发布

阅读量1.7k

点赞数

分类专栏：前端 - jQuery插件文章标签： .net ie function stylesheet basic class

本文链接：https://blog.csdn.net/yenange/article/details/7654519

版权

前端 - jQuery插件专栏收录该内容

29 篇文章 0 订阅

订阅专栏

前台页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jRating.aspx.cs" Inherits="jRating" %>

<!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/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <link href="jquery/jRating.jquery.css" rel="stylesheet" type="text/css" />
    <script src="jquery/jquery.js" type="text/javascript"></script>
    <script src="jquery/jRating.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){ 
            // simple jRating call $(".basic").jRating(); 
            // more complex jRating call 
            $(".basic").jRating({ 
            step:true, 
            length : 5, // nb of stars 
            phpPath : "jRating.aspx?action=rating",
            rateMax: 100,
            onSuccess : function(data){
                //注： 在jRating.jquery.js中的if(opts.onSuccess) opts.onSuccess(data); 补上data
                alert("保存时的id:"+data.id+", rate:"+data.rate);
            }, 
            onError: function(){
                alert("Error!");
            }
            }); 
            
            //只允许评价一次， 再次评价时则提示
            $(".basic").live("click",function(){
                if( $(this).hasClass("jDisabled") ){
                    if( $(this).attr("allowRate")=="1" ){
                        $(this).attr("allowRate","0");
                    }else{
                        alert("今天已评价，不可再评价！");
                    }
                }
            });
        });
    </script>
</head>
<body>
    <!-- basic exemple -->
    <div class="exemple">
        <!-- in this exemple, 30 is the average and 1 is the id of the line to update in DB -->
        用户评价：<div class="basic" id="30_1" allowRate="1" >
        </div>
        <!-- in this other exemple, 70 is the average and 2 is the id of the line to update in DB -->
        用户等级：<div class="basic" id="70_2" allowRate="1" >
        </div>
    </div>
</body>
</html>

后台代码：

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class jRating : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["action"] == "rating") {
            string id = Request["idBox"];
            string rate = Request["rate"];

            String json = String.Format("{{ \"id\":\"{0}\", \"rate\": \"{1}\" }}", id, rate );
            Response.Write(json);
            Response.End();
        }
    }
}

吉普赛的歌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jRating 使用范例 (.net) 注：此插件不支持 IE6

前台页面：无标题页 $(document).ready(function(){ // simple jRating call $(".basic").jRating(); // more complex jRating call $(".bas
复制链接

扫一扫