如何在jQuery ajax上设置UpdateTargetId

本文关键字：设置 UpdateTargetId ajax jQuery | 更新日期: 2023-09-27 18:32:15

我想使用 ajax 渲染分部视图。
提交按钮时，必须呈现部分视图。
我可以使用ActionLink实现它，但我想通过JavaScript调用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();
}

部分视图视图用户控件1

Hello world

这有效，但不是我想做的

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

如何在jQuery ajax上设置UpdateTargetId

您的网址可能不正确。这取决于您的路由设置 在 全球.asax 中定义。但通常您的网址应该看起来像 "/Home/Test"（如果您的操作在 HomeController 中）。最好使用 用于获取操作 URL 的 URL 帮助程序：

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

您可以通过以下方式呈现部分：

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

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

相关文章：