asp.net-mvc - 如何在 Asp.Net-Mvc 中使用星级的 ajax 调用服务？

Question

嗨，我在使用 ajax 的情况下调用 Asp.Net-mvc 中的星级服务时遇到问题。我的问题是当 5 星评级的复选框单击然后根据评级显示所有数据。同样 4、3、2、1 评级也是什么是示例代码？这是我的代码。视图代码：-

@model IEnumerable<insertingapi.Controllers.HotelResult>
@{
    ViewBag.Title = "About";
}

<script src="~/Scripts/jquery-1.10.2.min.js">
</script>

<script>
 $(document).ready(function () {
       $('#rating-5').click(function () {
       alert($('#rating-5').attr("value"));
       var fe = $('#rating-5').val();
       alert(fe);

       $.ajax({   
               url: '/Home/About',
               //contentType: 'application/json; charset=utf-8',
               type: 'POST',
               data: { ger: $('#rating-5').attr("value") },
               dataType: 'json',
               success: function (result)
               {
                    alert(result);
                    console.log(result);

                },
                error: function (status)
                {
                    alert(status);
                }
            });
       });
});

<div class="widget-sidebar start-rating-sidebar">
<h4 class="title-sidebar">Star rating</h4>
<ul class="widget-rate">
    <li>
     <div class="radio-checkbox">
            <input id="rating-5" type="checkbox" class="checkbox" value="5">
            <label for="rating-5"></label>
     </div>
     <div class="group-star"><i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i></div>5 Stars <span>12</span>
    </li>
    <li>
        <div class="radio-checkbox">
            <input id="rating-4" type="checkbox" class="checkbox">
            <label for="rating-4"></label>
        </div>
        <div class="group-star"><i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i></div>4 Stars <span>12</span>
    </li>
    <li>
        <div class="radio-checkbox">
            <input id="rating-3" type="checkbox" class="checkbox">
            <label for="rating-3"></label>
        </div>
        <div class="group-star"><i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i></div>3 Stars <span>12</span>
    </li>
    <li>
        <div class="radio-checkbox">
            <input id="rating-2" type="checkbox" class="checkbox">
            <label for="rating-2"></label>
        </div>
        <div class="group-star"><i class="glyphicon glyphicon-star"></i> <i class="glyphicon glyphicon-star"></i></div>2 Stars <span>12</span>
    </li>
    <li>
        <div class="radio-checkbox">
            <input id="rating-1" type="checkbox" class="checkbox">
            <label for="rating-1"></label>
        </div>
    </li>
</ul>

控制器代码：-

[HttpPost]
public JsonResult About(string gen)
{
     var Af = gen;
     return Json(Af,JsonRequestBehavior.AllowGet);
 }

这些是代码：- 我想要所有关于酒店的数据，根据评级它意味着当最终用户单击评级复选框时。显示与该评级相关的所有数据。

     HotelDescription ,
     HotelCategory ,
     HotelAddress ,
     HotelContactNo ,
     StarRating,
     HotelPicture ,
     HotelCode ,
     ResultIndex ,
     Price ,

标签： asp.net-mvcweb-servicesjson.netasp.net-ajax