PHP“推”到Javascript

2019-07-06 14:40:56 阅读：182 来源： 互联网

标签：php javascript ajax long-polling ajax-push

现在我们有一个在本地网络上运行的Web应用程序,客户端在javascript中运行所有内容.为了确保一切都是同步的,这些客户端当前通过发送它收到的最后一个“syncId”来向服务器使用AJAX请求.然后,服务器使用命令数组树进行响应,以使此客户端保持最新状态.这是每秒执行一次,并且还没有引起网络带宽或延迟的任何问题,但是我们下个月在一个更大的客户端安装系统可能会推动这种方法的限制,我想知道是否可以使服务器“推送“实时向客户端同步事件.

srvResponse=httpGet("CDSSync.php?sessionKey="+sessionKey+"&lastUpdate="+lastUpdate);
if(srvResponse!=0){
    syncEvents=srvResponse.split(";");
    for(var i=0; i<syncEvents.length; i++){
         syncItem=syncEvents[i].split(",");
         window["syncFunction_"+syncItem[1]](syncItem[2]);
         lastUpdate=syncItem[0];
     }
}

以上是我的系统检查要同步的事件的地方,其中syncItem [0]是autoIncrement ID,syncItem [1]是正在处理的事件的代码,syncItem [2]是该函数的参数.调用的httpGet函数虽然不在此代码中,但它只是一个从服务器获取并返回响应的函数.

解决方法:

看看www.firebase.com,您可以在几分钟内设置从javascript客户端到所有其他客户端的推送服务.首先尝试简单的教程：

<!doctype html>
<html>
  <head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>
  <body>
    <div id='messagesDiv'></div>
    <input type='text' id='nameInput' placeholder='Name'>
    <input type='text' id='messageInput' placeholder='Message'>
    <script>
      var myDataRef = new Firebase('https://hbw30ob2a8y.firebaseio-demo.com/');
      $('#messageInput').keypress(function (e) {
        if (e.keyCode == 13) {
          var name = $('#nameInput').val();
          var text = $('#messageInput').val();
          myDataRef.push({name: name, text: text});
          $('#messageInput').val('');
        }
      });
      myDataRef.on('child_added', function(snapshot) {
        var message = snapshot.val();
        displayChatMessage(message.name, message.text);
      });
      function displayChatMessage(name, text) {
        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
      };
    </script>
  </body>
</html>

标签：php,javascript,ajax,long-polling,ajax-push
来源： https://codeday.me/bug/20190706/1398304.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

PHP“推”到Javascript