如何使用 JavaScript 重新加载 div？

Question

我有 JavaScript 函数：

function notificationDivPressed(element,userId,numberOfUsers) {
$.ajax({
        url: '/Notification/ChangeReadStatus',
        type: "POST", cache: false,
        data: { arg: userId },
        success: function (data) {
            $('#NotificationsContainer').html(data);
        }
    });
}

有'NotificationsContainer' div：

<div id="NotificationsContainer" class="NotivicationsContainerHeader">
  <span>თქვენ გაქვთ <span>@ViewBag.NewMessages</span> ახალი შეტყობინება</span>
</div>

此 JavaScript 函数会更改数据库并更改“ViewBag.NewMessages”值。所以我只想刷新这个，而不是整个页面并显示'ViewBag.NewMessages'的新值

我怎样才能做到这一点？

Answer 1

为此，使用 ASP.NET 语言在服务器端创建ViewBag.NewMessage 的响应，并在数据库中查询您想要执行的操作，然后创建结果，然后data 将得到它； ViewBag.NewMessage 的值。尝试将 div 更改为

<span class="viewbag">@ViewBag.NewMessages</span>

现在，只需将其更新为：

success: function (data) {
  $('.viewbag').html(data);
}

这样，只有 ViewBag 的 span 会被更新，而不是整个页面。

因此，当 ajax 提供一些值时，它将用新值替换当前值，并且您将在页面上写入该 ViewBag 的新值。

Answer 2

ViewBag 对象继承了 asp.net 会话对象，无法从 .net 外部访问。