jquery - 用 AJAX 调用的结果替换视图的内容

Question

我正在开发一个在 MVC3 应用程序中使用 Asp.NET 和 kendo 控件的辅导员门户。我有一个名为AddStudents. onClick此按钮的部分视图呈现并放置具有此按钮的该视图的内容。

学生表单出现在此视图上，但它自己的内容也出现在同一页面上，我使用 jQuery 的 AJAX 调用来完成所有这些工作。我想用部分视图的传入内容替换视图的当前内容。

$("#render").click(function () {
    alert("chawaaaaaa!");
    $.ajax({
        url: "AddStudentsPartial",
        type: 'GET',
        cache: false,
        success: function (result) {
            alert(result);
            $('#partial').html(result);
        }
    });
});

这就是我点击按钮时的 AJAX 功能。谁能帮我解决这个小问题？

Answer 1

您可以将视图内容替换为结果内容：

    success: function (result) {
        alert(result);
        $('#partial').html($(result).html());
    }

或者您用孔结果替换孔视图：

    success: function (result) {
        alert(result);
        $('#partial').replaceWith(result);
    }

Answer 2

您可以使用 jquery 的load方法来执行此操作。

<script type="text/javascript">
$(function(){
    $("#render").click(function(){
        $("#partial").load("AddStudentsPartial")
    })
});
</script>