项目要求是页面监测到后台数据库用户数据(Users)变化,前台作出相应的响应和操做。html
1、参考不少资料,大概有几种方式:html5
参考资料地址:http://www.cnblogs.com/hoojo/p/longPolling_comet_jquery_iframe_ajax.htmljquery
客户端不停的向服务器发送请求以获取最新的数据信息。ajax
轮询:客户端定时向服务器发送Ajax请求,服务器接到请求后立刻返回响应信息并关闭链接。
优势:后端程序编写比较容易。
缺点:请求中有大半是无用,浪费带宽和服务器资源。
实例:适于小型应用。数据库
长轮询:客户端向服务器发送Ajax请求,服务器接到请求后hold住链接,直到有新消息才返回响应信息并关闭链接,客户端处理完响应信息后再向服务器发送新的请求。
优势:在无消息的状况下不会频繁的请求,耗费资源小。
缺点:服务器hold链接会消耗资源,返回数据顺序无保证,难于管理维护。
实例:WebQQ、Hi网页版、Facebook IM。 后端长链接:在页面里嵌入一个隐蔵iframe,将这个隐蔵iframe的src属性设为对一个长链接的请求或是采用xhr请求,服务器端就能源源不断地往客户端输入数据。
优势:消息即时到达,不发无用请求;管理起来也相对方便。
缺点:服务器维护一个长链接会增长开销。
实例:Gmail聊天服务器
Flash Socket:在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript经过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通讯,JavaScript在收到服务器端传送的信息后控制页面的显示。
优势:实现真正的即时通讯,而不是伪即时。
缺点:客户端必须安装Flash插件;非HTTP协议,没法自动穿越防火墙。
实例:网络互动游戏。网络其博文中最后提到基于html5的WebSocket通讯方式。无奈楼主是新手,没有学习过,只能根据本身的理解来写代码。异步
2、代码学习
//login页面 2 var GetWeiXinLogin = function () { 3 $.ajax({ 4 url: "/Member/GetWeiXinLogin.html", 5 data: "Sceneid=@(Sceneid)", 6 type: "get", 7 success: function (data) { 8 var dataObj = eval("(" + data + ")"); if (dataObj.reg == "success") {
15
alert('登陆成功');16 } 17 } 18 }) 19 }login页面 代码很简单,就是利用ajax无限访问后台的方法,该方法主要检测数据库数据变化。
1 public void GetWeiXinLogin(int Sceneid) 2 { 3 string reg = "{\"reg\":\"408\"}"; 4 string Sql = " SELECT * FROM WeiXinQRCodeTemporaryLog WHERE (Sceneid = " + Sceneid + ") "; //查询语句 5 for (int i = 0; i < 10; i++) //执行10次 总计20秒 6 { 7 var WeiXinQRCodeTemporaryLogBySql = Entity.ExecuteStoreQuery<WeiXinQRCodeTemporaryLog>(Sql); //EF执行语句 8 int PUid = WeiXinQRCodeTemporaryLogBySql.FirstOrNew().Uid.GetValueOrDefault(); 9 if (PUid != 0) //判断数据变化,若是==0 则前台获得相应 10 { 11 Users BaseUsers = Entity.Users.FirstOrNew(n => n.Uid == PUid); 12 reg = "{\"reg\":\"success\",\"UTid\":\"" + BaseUsers.UTid + "\"}"; 13 14 #region 登录 15 用户登陆程序过程,省略...19 #endregion 20 26 break; 27 } 28 System.Threading.Thread.CurrentThread.Join(2000); //没2秒执行一次 29 } 30 Response.Write(reg); 31 Response.End(); 32 }上面代码就是监测数据变化的简单程序,有高手应该看出问题了,代码的确是能实现想要的效果,可是你会发现,网站慢得让你奔溃!
好比咱们访问login页面 的同时去访问咱们同一个网站页面的Index.html页面,这个时候咱们的Index.html页面加载很是得慢,必定会等到咱们的异步加载完以后才能加载出咱们的Index页面。
这只是我的开发过程当中遇到问题的小小记录,勿喷哈,还请高手帮忙看看,初步估计问题就出在数据库访问和页面请求上。