2014-01-10 67 views
-1

我有JavaScript函数:如何使用JavaScript重新加载div?

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'的新值'

我怎么能实现这个?

回答

1

为此,请使用ASP.NET语言在服务器端创建ViewBag.NewMessage的响应,并执行数据库查询您想要执行的操作,然后创建结果,然后data将具有其; ViewBag.NewMessage的值。尝试改变DIV作为

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

而现在,只是对其进行更新:

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

这种方式,只能用ViewBag跨度将得到更新,而不是整个页面。

所以,当ajax会提供一些价值,它会取代当前值与新的,你将有成功的页面上写的那个ViewBag的新值。

+0

好的,谢谢;)我会尝试类似的东西 – godot

+0

非常欢迎您! :)你当然可以试试.. @GodoJobadze :) –

+0

你知道,当我这样做,整个是清除:( – godot

1

ViewBag对象继承了asp.net会话对象,它不能从.net之外访问。