ajax 成功后对局部视图进行 Ajax 调用

Question

我有一个包含所有按钮的局部视图，它需要在提交表单后显示更新的值。在提交时，我已经让它渲染了另一个部分视图，有没有办法让它在渲染成功时重新渲染。根据我在其他地方看到的内容，这是我现在尝试开始工作的代码。

我认为的jQuery：

<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
    $('#ChangeGrade').click(function (e) {
        var tdata = $('#form1').serialize();
        var origname = $('#HeatGradeDiv').find('input[name="grade"]').first().val();
        var newname = $('#HeatGradeDiv').find('input[name="updatedGrade"]').first().val();
        var heatname = $('#HeatGradeDiv').find('input[name="hiddenHeat"]').first().val();
        $.ajax({
            type: "POST",
            data: {
                mCollection: tdata,
                grade: origname,
                updatedGrade: newname,
                hiddenHeat: heatname

            },
            url: '@Url.Action("ChangeGrade","Home")',
            success: function (result) { success(result); }
        });
    });


    function success(result) {

        $('#HeatGradeDiv').dialog('close');
        $("#Partial_Chem_Analysis").html(result);
        //ajax call I'm trying to get working
        $.ajax({
            type: "POST",
            url: "/Home/ButtonsPartial",
            success: function (result2) { $("#ButtonsPartial").html(result2); }
        });
    }
});
</script>

这是我正在调用的控制器方法。当我现在运行它时，它不会被击中。

public ActionResult ButtonsPartial()
    {
        ButtonsModel B = new ButtonsModel();
        B.GetData(searchQ);

        return PartialView(B);
    }

感谢任何帮助。

Answer 1

如果您将其附加到调试器（例如（chrome 开发人员工具或 firebug）），您是否看到任何 http 或 js 错误？

看起来您可能需要将其设为 GET 而不是 POST...

$.ajax({
            type: "GET",
            url: "/Home/ButtonsPartial",
            success: function (result2) { $("#ButtonsPartial").html(result2); }
        });