ajax - 在复选框上选中将值发送到部分视图并更新它 mvc 3

Question

我有两个部分视图，一个有一个 5 复选框（用于过滤），另一个将显示过滤后的数据。

<input type="checkbox" data-toggle="checkbox" id="2000-5000"/>Rs.2000-Rs.5000
<input type="checkbox" data-toggle="checkbox" id="2000-5000"/>Rs.2000-Rs.5000

并在 jquery 的帮助下将请求发送到控制器..

    public PartialViewResult PhonesPartail(int? id,string where)
    {
        var list = paginateRsult(id, "", where).ToList();
        ViewData["totalpages"] = totalPages;
        return PartialView("_phonelist",list);
    }

和jQuery

 $(document).on("change", ".price-checkbox input[type=checkbox]", function () {
        if ($(this).is(":checked")) {
            var prange = $(this).attr("id");
            var parray = prange.split('-');
            var whereclause = "price>=" + parray[0] + " and price <=" + parray[1];
            $.ajax({
                url: '../../Phones/PhonesPartail',
                data: { where: whereclause },
                type: 'POST',
                success: function (data) {
                    $("#phone-list").append(data);

                }
            });
        }
    });

现在返回的列表正在与整个 html 页面一起添加到 div 中。. 再次意味着 html 页面正在添加到 div 中。

任何解决方案..

提前致谢...

Answer 1

使用 jquery 的 html() 函数它将部分视图返回的数据粘贴到 div 中，而不是附加到 div

$("#phone-list").html(data);