data-ajax-update和data-ajax-mode ="替换"不工作在dotnet核心jquery unobtrusive ajax

时间:2018-01-30 02:25:44

标签: asp.net-core .net-core asp.net-core-mvc unobtrusive-ajax

我有一个锚,它应该用局部视图替换网格。

<a class="btn btn-primary" 
                        data-ajax="true" 
                        data-ajax-method="GET"
                        data-ajax-mode="replace"
                        data-ajax-update="content"
                        data-ajax-url="@Url.Action("add","user")"> Create User </a>
 <div class="row table-area">
    <div class="col-md-12" id="content">
        @Html.AjaxGrid(Url.Action("results", "user"))
    </div>
</div>

我看到它使用部分视图调用用户操作,但它永远不会使用id="content"更新该部分。

这是我的控制器方法 -

    [Route("add")]
    public IActionResult AddUser()
    {
        return PartialView("Partials/AddUser",new RegisterViewModel());
    }

理想情况下,它应该完全用部分视图替换网格内容,但它不会替换。响应状态为200,我可以看到响应中返回了内容。任何人都知道这里的问题是什么?

2 个答案:

答案 0 :(得分:3)

data-ajax-update="content"更改为data-ajax-update="#content"

答案 1 :(得分:1)

使用asp-controller和asp-action而不是使用data-ajax-url,而#content应该可以工作。

<a class="btn btn-primary" asp-controller="user" asp-action="add" 
                        data-ajax="true" 
                        data-ajax-method="GET"
                        data-ajax-mode="replace"
                        data-ajax-update="#content">Create User</a>