javascript - 使用 JQuery 将 AJAX 回调的结果传递给 Partial View

Question

我正在使用 ASP.NET MVC 4。单击按钮时，我想调用 ajax 回调到 Controller 方法并以 Json 数据形式返回所需的数据。我可以使用以下代码来完成此操作:

<script>
$(document).ready(function () {
    var ajax_url = '@Url.Action("GetNewItems")';
    $("#submit").click(function () {
        $.ajax({
            url: ajax_url,
            type: "POST",
            datatype: "json",
            success: function (data) {
                debugger
            }
        });
    });
});

[HttpPost]
    public JsonResult GetNewItems()
    {
        List<Item> items = new List<Item>();

        items.Add(new Item() { Id = 3, Name = "c" });
        items.Add(new Item() { Id = 4, Name = "d" });

        return Json(items);
    }

在 success 函数中，正确返回了 Items 集合。在此函数中，我想调用 Html.Partial 并将结果作为 Partial View 的模型传递。这可能吗？

我在其他线程中进行了搜索，但大多数都建议从 Controller 方法返回 Partial View 并使用 html(data) 来呈现它。我宁愿不从 Controller 返回部分 View ，因为大小会有显着差异，而不是仅返回数据并在客户端手动渲染它。

那么，是否可以将结果传递给成功函数中的部分 View ，或者我必须手动渲染其中的元素？

感谢任何帮助。谢谢!

Answer 1

那么问题出在哪里呢？就这么做吧

    [HttpPost]
    public ActionResult GetNewItems()
    {
        List<Item> items = new List<Item>();

        items.Add(new Item() { Id = 3, Name = "c" });
        items.Add(new Item() { Id = 4, Name = "d" });

        return View("MypartialView",items);
    }

$(document).ready(function () {
    var ajax_url = '@Url.Action("GetNewItems")';
    $("#submit").click(function () {
        $.ajax({
            url: ajax_url,
            type: "POST",
            success: function (data) {
                $("#div").html(data);
            }
        });
    });
});