PHP基於反ajax推送實現訊息即時推送步驟詳解

最後更新：2018-05-18 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

這次給大家帶來PHP基於反ajax推送實現訊息即時推送步驟詳解，PHP基於反ajax推送實現訊息即時推送的注意事項有哪些，下面就是實戰案例，一起來看一下。

入口檔案index.html

<!DOCTYPE HTML><html><head>  <title>反ajax推送</title>  <style>    .send{color:#555;text-align: left;}    .require{color:blue;text-align: right;}    .content_box{text-align: center;margin: 20px;          border: 1px solid #ddd;padding: 20px;}  </style>  <script src="http://code.jQuery.com/jquery-1.11.2.min.js"></script></head><body>  <p class="content_box" id="content_box_title" style="border: none;">訊息框</p>  <p class="content_box" id="content_box">  </p>  <p style="width: 450px;margin: 0 auto;">    <select id="username" style="font-size: 20px;">      <option value="1" selected="selected">1</option>      <option value="2">2</option>    </select>    <input type="text" style="font-size: 20px;" value="" id="send_text">    <button id="btn_send" style="font-size: 20px;">發送</button>    <button id="btn_link" style="font-size: 20px">串連</button>  </p>  <p class="error_tip" id="error_tip" style="color: red;">  </p>  <script>    $(function(){      //發送訊息      $('#btn_send').click(function(){        var send_text = $('#send_text').val();        if(send_text.length <= 0){          $('#error_tip').html('不能輸入空值');        }else{          send(send_text);        }      });      //按斷行符號鍵發送訊息      $('#send_text').on('keyup',function(e){        if(e.keyCode == 13){          $('#btn_send').trigger('click');        }      });      //建立通訊連結      $('#btn_link').click(function(){        connect();        var _this = $(this);        _this.attr('disabled',true);        _this.html('已串連');      });    });    //建立通訊串連函數    function connect(){      $('#content_box_title').html($('#username').val()+'的訊息視窗');      $.ajax({        data:{'user':$('#username').val()},        url:'ajaxPush.PHP',        type:'get',        timeout:0,        dataType:'json',        success:function(data){          $('#content_box').append('<p class="require">'+data.msg+'</p>');          connect();        }      });    }    //發送訊息函數    function send(massege){      var user =$('#username').val();      $.getJSON('write.php',{'msg':massege,'user':user},function(data){        if(data.sf){          $('#content_box').append('<p class="send">'+massege+'</p>');          $('#send_text').val('');        }else{          $('#error_tip').html('輸入儲存錯誤！');        }      });    }  </script></body></html>

ajax處理輸入 write.php

<?php/** * Created by TXM. * Time: 2015/4/18 13:13 * function: */$filename = dirname(FILE).'/data.txt';$isread_file = dirname(FILE).'/isread.txt';$user = dirname(FILE).'/user.txt';//寫入訊息，訊息未讀，誰發送的訊息file_put_contents($filename,$_GET['msg']);file_put_contents($isread_file,'0');file_put_contents($user,$_GET['user']);echo json_encode(array('sf'=>true));

長輪詢推送 ajaxPush.php

<?php/** * Created by TXM. * Time: 2015/4/18 13:12 * function: */$filename = dirname(FILE).'/data.txt';$isread_file = dirname(FILE).'/isread.txt';$userfile = dirname(FILE).'/user.txt';$get_user = $_GET['user'] == '1'?'2':'1';$msg='';while(1){  $msg = file_get_contents($filename);  $isread = file_get_contents($isread_file);  $user = file_get_contents($userfile);  //是對方發送的訊息，設定訊息已讀，退出迴圈。  if($isread == '0' && $get_user == $user){    file_put_contents($isread_file,'1');    break;  }  sleep(1);}echo json_encode(array('msg'=>$msg));

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More