Server push(服务器推送技术)

一.服务器推送技术Server Push详解:

       推送技术Server Push的基础思想是将浏览器主动查询信息改为服务器主动发送信息。服务器发送一批数据,浏览器显示这些数据,同时保证与服务器的连接。当服务器需要再次发送一批数据时,浏览器显示数据并保持连接。以后,服务器仍然可以发送批量数据,浏览器继续显示数据,依次类推。

 

二.推送达到的效果:

三.实现原理分析:

    浏览器向服务器发出请求,服务器在连接数据库,在数据库中查找数据,若没查找到,就(continue结束本次循环,进行下一次循环),如果找到了就取出数据,然后就可以break结束了(在查询过程中很好资源,如果没找到可以通过多线程休眠5s后,在进行下次循环!

 

四.注意问题:

    1.如果使用的MySql数据库:mysql不支持top, top是Access的语法 

应该使用limit 查询:select * from user where name = 'xx' limit 1 注:limit 1(表示取第一条数据)

                                                                                           limit 2(表示取前两条数据)

                                                                                           limit 1,2(从第一个开始,去两条数据)

五.实现部分:

 

    • 浏览器部分:

 

<html>
<head>
    <title>ServerPush</title>
    <script src="jquery-2.1.4.js"></script>
    <script type="text/javascript">  
        var login= function() {
            var me = $("#me").val();
            $.ajax({
                type: "post", url: "ServerPush.ashx",
                data: { action: "login", me: me },      //me当前登陆的用户
                success: function (data) {
                    $("#contest").append($("<li>" + data.Name + "对我说:" + data.Msg + "</li>"));
                    login();   //继续向服务器发送请求
                },
                error: function () {
                    login();  //有时可能出现网络异常,在这里重新发送请求
                }
            });
        }
        $(function () {
            $("#btnLogin").click(function () {  
                //用户登陆
                $("#btnLogin").attr("disabled", "disabled");  //点击登陆后就禁用这个按钮
                login();  //向服务器发送请求获取发给我的数据
            });
            $("#btnSend").click(function () {             
                //发送消息!
                var me = $("#me").val();
                var toName = $("#toUserName").val();
                var msg = $("#msg").val();
                $.ajax({
                    type: "post", url: "ServerPush.ashx",
                    data: { action: "send", toName: toName, msg: msg, me: me },//发送者:姓名和消息
                    success: function (data) {
                        $("#contest").append($("<li>我对" + data.toName + "说:" + data.Msg + "</li>"));
                    },
                    error: function () {
                        alert("推送异常");
                    }
                });
            });
        });
    </script>
</head>
<body>
     我是:<input type="text" id="me" /><input type="button" id="btnLogin" value="登陆" /><br />
    发给:<input type="text" id="toUserName" />
    说:<input type="text" id="msg" />
    <input type="button" id="btnSend" value="发送" /><br />
    <br />
    <ul id="contest">
    </ul>
</body>

 

    •   服务器端为(一般处理程序(.ashx)):
 1  public void ProcessRequest(HttpContext context)
 2         {
 3             context.Response.ContentType = "application/json";
 4             string action = context.Request["action"];  //获取是登陆进来的,还是发送消息进来的
 5             if (action == "login") 
 6             {
 7                 string user = context.Request["me"];//当前登陆用户
 8                 while (true)
 9                 {                                                               //toName在数据库中查询发送我的所有消息
10                     DataTable table = SqlHelper.ExecuteQuery("select *from t_serverPush where toName=@me limit 1", new MySqlParameter("@me", user));
11                    if (table.Rows.Count <= 0)
12                    {
13                        Thread.Sleep(500);//如果没有查询到数据就就休息500毫秒,避免对数据库造成过大压力
14                        continue;
15                    }
16                    else
17                    {
18                        
19                         DataRow row = table.Rows[0];
20                         long id = (long)row["Id"];
21                         string me = (string)row["me"];
22                         string name = (string)row["toName"];
23                         string msg = (string)row["Msg"];
24                         SqlHelper.ExecuteNonQuery("delete from t_serverPush where Id=@id", new MySqlParameter("@id", id));
25                         var data = new { Name = me, Msg = msg };
26                         string json = new JavaScriptSerializer().Serialize(data);
27                         context.Response.Write(json);                                                                   
28                         break;
29                    }
30                 }
31                 
32             }
33             else if (action == "send") //发送消息
34             {
35                 string user = context.Request["me"];
36                 string toName = context.Request["toName"];
37                 string Msg =context.Request["Msg"];
38                 SqlHelper.ExecuteNonQuery("insert into t_serverPush (me,toName,Msg) values (@me,@name,@msg)", new MySqlParameter("@me", user), new MySqlParameter("@name", toName), new MySqlParameter("@msg", Msg));
39                 var data = new { toName = toName, Msg = Msg };
40                 string json = new JavaScriptSerializer().Serialize(data);
41                 context.Response.Write(json);                               
42             }
43             else
44             {
45                 throw new Exception("action异常");
46             }
47         }

 

posted on 2016-04-02 12:10  风雪幻林  阅读(6395)  评论(1编辑  收藏  举报