javascript - 使用 Ajax MVC4 更新 div

Question

我似乎无法理解如何在选择类别后更新项目的 div。我已经走到这一步了，现在很困惑。如何将 View 中的值获取到 Controller 中以进行查询？

 //get <li> clicked and display the items in that category
 $(document).ready(function() {
$('#test li').click(function() {
    var selector = "input[name='" + $(this).id + "value']";
    var catID = $(selector).val(); 

    $.ajax({
        url: "...",
        type: "get",
        data: {//return all the item info},
        success: function(data) {
            //update div contents here?

        }
    });
});
});

部分内容将根据点击的类别进行更新

@foreach (var item in Model)
 {

    <ul>

        <li>@item.item_name</li>
        <li><input type="hidden" class="item_id" value="@item.ID" /></li>

    </ul>

 }

Controller

public ActionResult PartialTwo( int id)//how to pass category id?
    {

        var query = from d in db.Items
                    where d.catId==id
                    orderby d.dateAdded
                    select d;
        var results = query;


        return PartialView("_FullInfoPartial", results);
        //returns items in the clicked category  

    }

Answer 1

而不是两个li

<li>@item.item_name</li>
<li><input type="hidden" class="item_id" value="@item.ID" /></li>

如果不需要，您可以只使用一个来减小 dom 大小

<li data-id="@item.ID">@item.item_name</li>

并且您可以通过$.get轻松获取部分 View 结果

$("#test li").on("click",function(){

    var requestPage = "/PartialTwo?id=" + $(this).data("id");
    $.get(requestPage, function(result){
        $("#content").html(result); // where you want to put the result
    });
});