如何在 jQuery ajax 上设置 UpdateTargetId答案

【问题标题】：How could I set UpdateTargetId on jQuery ajax如何在 jQuery ajax 上设置 UpdateTargetId
【发布时间】：2012-05-07 04:26:03
【问题描述】：

我想使用 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" })

【问题讨论】：

标签： c# jquery asp.net-mvc-3

【解决方案1】：

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

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

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

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

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

【讨论】：

我指定的 URL 如下： url: "./Controller/Action/{id}"
这太棒了！我现在可以将 UpdateTargetID 传递给 Javascript 函数，用于 MVC 中的复选框。我只需要像您在这里所做的那样在 UpdateTargetID 前面加上一个井号，现在当用户选中一个框时，我可以立即更新一个单独的 div 容器中的列表。