使用 PartialView 更新 Div

Question

我正在尝试用局部视图更新 Div 的值，但我不知道要在 .html().

中写入什么

我的控制器方法：

public IActionResult UpdateDiv()
{
    return View("_PartialView1");
}

我的Javascript函数：

$.ajax({
       url: "/home/UpdateDiv/"
    }).done(function () {
        $("#UpdateDiv").html();
    })

div：

<div id="UpdateDiv" style="width: 400px; height: 400px;"></div>

我的局部视图：

<h1>Hello</h1>

Answer 1

您是否尝试过向 done 回调函数添加响应参数？类似于下面的代码片段：

$.ajax({
       url: "/home/UpdateDiv/"
    }).done(function (response) {
        $("#UpdateDiv").html(response);
    });

Answer 2

$.get("/home/UpdateDiv/", function(data) {
  $(".UpdateDiv").html(data);
});

试试这个方法。它使用 GET 方法从您的操作中接收 HTML。加载完成后，它会更新您的更新 div 元素。

Update a Div with a PartialView