如何在 jQuery ajax 上设置 UpdateTargetId

Posted 2023-04-13

【中文标题】如何在 jQuery ajax 上设置 UpdateTargetId

【英文标题】：How could I set UpdateTargetId on jQuery ajax

【发布时间】：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" )

【参考方案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 容器中的列表。