求 Asp.net mvc ajax 无刷新更新最新消息

2011-08-25 12:28:12 395 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

ASP.NET MVC 4实现局部刷新利用Ajax+PartialView实现页面局部刷新阅读详情

最近需要用到的一个效果，类似新浪微薄更新消息的效果。
我想使用Asp.net mvc ajax + Jquery，可不知道怎么实现。
请求高人指点。

...全文

Depth Anything 3实战：如何用DINOv2 Transformer一键生成3D高斯点云？本文详细介绍了Depth Anything 3（DA3）模型如何利用DINOv2 Transformer架构，实现从单张或多视角图像一键生成高质量3D高斯点云。DA3通过统一的深度-射线表示和自适应注意力机制，简化了传统复杂的3D重建流程，并可直接微调用于3D高斯渲染，为图形学、CV和内容创作领域提供了高效的端到端解决方案。阅读详情

敏捷William

.NET社区 62,271 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

以专业开发人员为伍 2011-08-31

打赏
举报

[Quote=引用楼主 jaylianyu 的回复:]
最近需要用到的一个效果，类似新浪微薄更新消息的效果。
我想使用Asp.net mvc ajax + Jquery，可不知道怎么实现。
请求高人指点。
[/Quote]

asp.net mvc自身没有能力做基于状态的web应用程序，所有企业应用交互都要靠ajax编程才能很好地维系状态，除此之外没有别的方法。

敏捷William 2011-08-31

打赏
举报

/** 简单整理了今天做的asp.net mvc中实现自动刷新的方法。
* 2011年8月31日20:04:46
*/

1、主页Js部分：使用setInterval定时执行
<script src="@Url.Content("~/jQuery/jquery-1.6.min.js")" type="text/javascript"></script>
<script type="text/javascript">
//最新消息每5秒刷新一次
setInterval(function () {
$.ajax({
url: '@Url.Action("HotNews", "Controller名称")', //异步请求Action
data: "id=@Model.id", //参数Id(可多个参数：data: "id=@Model.id&name=@Model.Name",)
type: "POST",
success: function (result) {
$("#partialContainer").html(result);
}
});
}, 5000);
</script>

页面中使用DIV接受返回的内容(.cshtml)
<div id="partialContainer">
</div>

2、异步请求的Action(.Controller)

[Description("最新消息（异步刷新调用）")]
public ActionResult HotNews(string id)
{
var contentList = new List<ContentListViewModel>();
var Contents = ContentService.GetHotNews(id, 3);//这里获取最新3条记录
if (Contents != null && Contents.Any())
{
contentList.AddRange(Contents.OrderByDescending(c => c.CreateTime)
.Select(h => new ContentListViewModel
{
Id = h.Id,
Name = h.Name,
Description = h.Description, 50
});
}
return View(contentList);
}

3、Action对应对应页面(.cshtml)

@model List<Website.ViewModel.ContentListViewModel>
@{
ViewBag.Title = "";
Layout = null;
}
@if (Model != null && Model.Any())
{
foreach (var hot in Model)
{
<div class="hotNewsContent m10">
<h1>
@Html.ActionLink(hot.Name, "ContentDetail", "Controller名称", new { id = hot.ContentId }, null)
</h1>
<p>
@hot.Description
@Html.ActionLink("...详细", "ContentDetail", "Controller名称", new { id = hot.Id }, new { @class = "contentMore" })
</p>
</div>
}
}
else
{
<div class="hotNewsContent m10">
<h1>
<a href="#">暂无最新消息</a></h1>
<p>

</p>
</div>
}

敏捷William 2011-08-26

打赏
举报

[Quote=引用 2 楼 lmaohuanl 的回复:]
MVC2
http://www.open-china.net/blog/116937.html
[/Quote]

感谢，有些帮助

SeanDing1989 2011-08-26

打赏
举报

action里查询出数据，拼装个json（这个根据需要来拼装）不嵌套表只用自带的tojson（）就可以。
然后 view里 jquery解析遍历返回的这个json 然后拼接html

threenewbee 2011-08-25

打赏
举报

http://topic.csdn.net/u/20110802/14/f7ddf0f2-d3db-4e09-9f76-7645180faf08.html

参看 (8)使用JSON和jQuery

LMAOhuaNL 2011-08-25

打赏
举报

MVC2
http://www.open-china.net/blog/116937.html

子夜__ 2011-08-25

打赏
举报

[Quote=引用 1 楼 caozhy 的回复:]

http://topic.csdn.net/u/20110802/14/f7ddf0f2-d3db-4e09-9f76-7645180faf08.html

参看 (8)使用JSON和jQuery
[/Quote]
+N

求 Asp.net mvc ajax 无刷新更新最新消息

相关推荐