一、.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 状态。这和微信网页版的设计思路一致。