Ajax 调用 PartialViewResult 不会将 Div 替换为 PartialView

Question

我之前已经做过几十次了，而且整个早上都在测试，我肯定遗漏了一些非常明显的东西。

我有一个提交数据的表单，如果数据已经存在，我只想使用 PartialView 覆盖该表单。我可以调试代码并观察 POST 被调用，我什至观察 PartialView 接收其模型和数据，但 PartialView 没有在屏幕上呈现，我的 AJAX 没有 return 控制台上的任何内容，所以我不确定如何解决这个问题。

我的控制器

        [HttpPost]
    [Route("Send")]
    public PartialViewResult Send([FromBody] InstantAlert InstantAlert)
    {
        string view  = "~/views/shared/_InstantAlert_Exists.cshtml";
    }

我的观点

<!-- Form -->

<div id="DivSubmitForm">
    <partial name="~/views/home/_Partials/_SubmitForm.cshtml", model="Model" />
</div>

<!-- End Form -->

我的脚本

$(function () {

    $(document).on("click", '#btnSubmit', function () {
        if ($('form').valid()) {
            Submit();
        }
    });

    function Submit() {

        //JSON data
        var InstantAlert = {
            url: $('#url').val(),
            userId: $('#userId').val(),
            institutionId: $('#institutionId').val()
        }

        var jsonToPost = JSON.stringify(InstantAlert);

        $.ajax({
            url: '/home/Send',
            contentType: "application/json; charset=utf-8",
            data: jsonToPost,
            type: "POST",
            success: function (result) {
                console.log("Success");
                //$('#DivSubmitForm').html(result);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });
    }

});

局部视图

<div class="form-group">
    <div class="alert alert-danger alert-dismissible" role="alert">
        <strong>This article has already been submitted</strong>
        <hr class="message-inner-separator">
        <p>
            test
        </p>
    </div>
</div>

Answer 1

啊，所以我在我的页面上发现了一个表单标签，这意味着控制器不可避免地总是重新加载我的初始控制器....

Ajax 调用 PartialViewResult 不会将 Div 替换为 PartialView

Ajax Call to PartialViewResult does not Replace Div with PartialView

ajax

asp.net-core

partial-views