c# - 如何在 jQuery ajax 上设置 UpdateTargetId

Question

我想使用 ajax 渲染局部视图。
当我提交按钮时，必须呈现部分视图。
我可以使用 ActionLink 实现它，但我想通过 JavaScript 调用 Action。
但是下面的代码不起作用。调用 Action 但不呈现局部视图。

看法

@section script{
<script type="text/javascript">
    function test() {
        $.ajax(
        {
            type: "POST",
            url: "Test",
            data: "",
            success: function (result) { alert("OK!!"); },
            error: function (req, status, error) {
                alert("Damn!!");}
        });


    }
</script>
}

<input type="submit" onclick="test()" />
<div id="Container">

控制器

public ActionResult Test()
{
    if (Request.IsAjaxRequest())
    {
        return PartialView("ViewUserControl1");
    }
    return View();
}

部分视图 ViewUserControl1

Hello world

这有效，但不是我想做的

@Ajax.ActionLink("click me", "Test", new AjaxOptions { UpdateTargetId = "Container" })

Answer 1

您的网址可能不正确。它取决于您在 Global.asax 中定义的路由设置。但如果您的操作在 HomeController 中，通常您的 url 应该看起来像“/Home/Test”。最好使用 url helper 来获取操作的 url：

...
url: '@Url.Action("Test", "Home")'
...

您可以通过以下方式渲染您的部分：

...
success: function (result) { $('#elementId').html(result) },
...

此外，如果您想更新块，请不要忘记先清除它，如果它包含带有不显眼验证的表单 - 解析表单。