asp.net ajax 轮询,ASP.NET 中长轮询的实现

一、.aspx 的 @Page 指令上加上 Async="true"

比如:

二、.aspx.cs 页面写类似如下代码

public partial class LiveMessageList : System.Web.UI.Page

{

protected QueryTask Task { get; set; }

protected void Page_Load(object sender, EventArgs e)

{

Task = new QueryTask();

PageAsyncTask asyncTask = new PageAsyncTask(Task.OnBegin, Task.OnEnd, null, null);

RegisterAsyncTask(asyncTask);

}

// 不能使用 Page_PreRender

protected void Page_PreRenderComplete(object sender, EventArgs e)

{

Response.Write(Task.Result);

Response.End();

}

public class QueryTask

{

// 约定 Handler 方法头返回值、参数个数。

public delegate string TaskHandler();

// 这种 Handler 类型的对象。

public TaskHandler Handler { get; set; }

public string Result { get; set; }

// Handler 对应的具体方法。

public string Do()

{

string data = "";

int i = 0;

while (i < 5)

{

// data = GetData();

// 模拟 GetData()

if (i == 3)

{

data = "3";

}

if (!string.IsNullOrEmpty(data))

{

return data;

}

else

{

i++;

System.Threading.Thread.Sleep(1000);

}

}

return data;

}

public IAsyncResult OnBegin(object sender, EventArgs e, AsyncCallback cb, object extraData)

{

Handler = new TaskHandler(Do);

return Handler.BeginInvoke(cb, extraData);

}

public void OnEnd(IAsyncResult ar)

{

Result = Handler.EndInvoke(ar);

}

}

}

这里 new PageAsyncTask,使用的是 4 个参数的构造函数,使用 1 个参数那个时,它提示我要将 web.config 中的 httpRuntime 的 targetFramework 降为 4.5,我想算了,我还是用 4 个参数这种方法吧。

注意,上面是最多轮询 5 次,我改为 10,在本地、服务器测试时,都会把服务器卡得极慢。

三、Ajax 调用即可

function loadList() {

$.post("LiveMessageList.aspx", {}, function (data, status) {

if (data != "") {

$("#messageList").html($("#messageList").html() + "

" + data + "

");

}

loadList();

});

}

$(window).ready(function () {

loadList();

});

流程是:

服务器每隔 1 秒去取数据,如果没有数据,就继续循环,为了防止客户端已经关闭还在傻傻地循环,这里作了个循环次数限定,而如果有数据,就输出客户端。

客户端拿到数据后,处理,然后继续去取。取数据期间,通过 F12 调试,会发现 Ajax 的页面,长时间处于 pending 状态。这和微信网页版的设计思路一致。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值