Asp.Net 部分视图不会重新加载

Question

我有一个视图，在这个视图中我嵌套了一个局部视图。 我想要实现的是通过jQuery从主视图重新加载部分视图。

这是我目前得到的：

Index.cshtml

@{Html.RenderAction("SkillResult", "Home"); }

<script type="text/javascript">

        var postData = { values: stringArray };

        // Fire off the request to controller
        $.ajax({
            cache: false,
            url: '/Home/SkillResult',
            type: "POST",
            dataType: 'json',
            data: postData
        });
</script>

SkillResult 控制器（部分视图）

public ActionResult SkillResult(List<String> values)
{
        SkillContext skillContext = new SkillContext();
        List<Skill> result= skillContext.Skills.ToList();

        return PartialView(result);
}

SkillResult.cshtml

@model IEnumerable<Result>
@using SkillSearch.Models

<h2>SkillResult</h2>

@foreach (var item in Model)
{
    <div>
        @item.Name
        <hr />
    </div>
}

如您所见，我从局部视图所在的 Index.cshtml 中触发 Ajax 请求。如果我调试，我可以看到所有请求都在工作，但部分视图没有更新其内容。

Answer 1

您没有在 ajax 调用中指定成功处理程序

我稍微修改了你的代码来演示它是如何工作的

希望它会有所帮助:)

<script type="text/javascript">

    var postData = { values: stringArray };

    // Fire off the request to controller
    $.ajax({
        cache: false,
        url: '/Home/SkillResult',
        type: "POST",
        dataType: 'html',
        data: postData,
        success:function(result){
            $(element).html(result);
        }
    });
</script>