如何利用PHP反向Ajax技术构建高效的在线客服系统？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1511个文字，预计阅读时间需要7分钟。
本文实例讲述了PHP使用反向Ajax技术实现在线客服系统。分享给广大开发者参考，具体如下：
反向Ajax技术，又称服务器推送技术，包括server push等。一般用于在线客服、消息推送、实时更新等功能。
以下是一个简单的PHP实现：
php $message]);}?>
javascript// 客户端JavaScript代码// 使用WebSocket与服务器建立连接var socket=new WebSocket('ws://客服服务器地址');
// 监听服务器推送的消息socket.onmessage=function(event) { var data=JSON.parse(event.data); console.log('收到消息：' + data.message);};
本文实例讲述了PHP使用反向Ajax技术实现在线客服系统。分享给大家供大家参考，具体如下：
反向Ajax技术，又称为服务器推技术，server push等。一般用于“在线客服”、“消息推送”、“即时通信”等功能中，比如新浪微博的私信功能，就是客户端不断的请求服务器并创建连接，去查看服务器有没有返回的信息，建立连接比较浪费服务器资源，下面我将根据客户端创建连接的不同性来介绍一下实现反向Ajax的三种思路。
三种思路：
1、间隔固定时间创建连接
这种方式就是按照固定时间不断的去请求服务器，当创建第一个连接时，不管是否有数据返回，此次连接都会失效，然后隔一段时间发出第二个请求，不断重复此动作，此法最浪费资源。
2、长连接方式
这种方式始终只创建一个连接，而这个连接不断开，被称为长时连接，以此不断获取服务器推送的数据，这种方式只创建一个连接，比第一种方法较好。
3、长连接+长轮询方式
这种方式始终创建连接，而这个连接也是长时连接，但是如果获得服务器推送的数据，此连接断开，然后隔固定时间创建第二此连接，这种方式最好，新浪微博的私信功能用的就是这种方法。
在线客服系统
实现思路：
（1）咨询用户端发出问题，把问题存入数据库，把咨询内容显示到客服人员的聊天窗口中
（2）客服人员看到聊天窗口后，选择咨询用户，进行回复，然后把回复内容显示到客服人员窗口中
实现方法：
此系统我采用上述思想中的第二种和第三种方式共同实现，咨询用户端采用第三种方式实现，客服人员端采用第二种方式实现。
数据库信息：
mid：主键，pos表示发送人，rec表示接收人，isread表示是否已读，content表示咨询/回复内容。
项目结构图：
客服人员界面（16-kefu-amdin.php）：
此处采用长连接。页面中主要有一个div，用于显示聊天信息，还有一个隐藏的iframe标签，这个iframe实现反向Ajax模型，用于发送长时连接，当服务器有数据时，服务器将调用comet()方法，此方法显示咨询内容，choose()方法是选择咨询人，resp()是回复方法，在这里会向16-kefu-sendmsg.php页面发出ajax请求，向数据库插入一条回复信息，回复成功后并显示到聊天窗口中。
<?php setcookie('username','admin'); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta img.558idc.com/uploadfile/allimg/210516/135T4DU-6.jpg"></script> <script> //咨询方法 function ask(){ var askContent = $('#askContent').val(); if(askContent == ''){ alert('请输入咨询内容'); return ; } $.post('./16-kefu-sendmsg.php',{rec:'admin',content:askContent},function(res){ if(res == 'ok'){ $('<p style="text-align:right">你对客服说：'+askContent+'</p>').appendTo($('#chatArea')); $('#askContent').val(''); } }); } </script> <style> #chatArea{ width:500px; height:400px; border:1px solid black; overflow: scroll; } </style> </head> <body> <h1>客服功能——用户端</h1> <h2>原理：ajax+长连接+长轮询</h2> <div id="chatArea"> </div> <p><textarea id="askContent"></textarea></p> <p><input type="button" value="咨询" onclick="ask();" /></p> </body> <script> //长连接+长轮询 var setting = { url:'16-kefu-ajax.php', dataType:'json', success:function(res){ $('<p style="text-align:left">客服对你说：'+res.content+'</p>').appendTo($('#chatArea')); var func = function(){$.ajax(setting)}; window.setTimeout(func,1000);//延时1s后重新发送连接 } } $.ajax(setting); </script> </html>
咨询人请求回复信息界面（16-kefu-ajax.php）：
通过ajax+长轮询实现反向Ajax。请求数据，获取数据后，将数据置为已读，然后返回，结束本次连接。
<?php /** * 通过ajax+长轮询实现反向Ajax * @author webbc */ set_time_limit(0);//不设置请求超时时间 require('./conn.php'); $rec = $_COOKIE['username']; $sql = "select * from msg where rec = '$rec' and isread = 0 limit 0,1"; while(true){ $result = mysql_query($sql); $msg = mysql_fetch_assoc($result); //如果有客服人员的回复信息 if(!empty($msg)){ //把该信息置为已读 $sql = "update msg set isread = 1 where mid = ".$msg['mid']; mysql_query($sql); echo json_encode($msg);//返回json数据 exit();//如果此次连接获取数据，就结束本次连接 } sleep(1);//隔一秒循环1次 } ?>
数据库连接文件（conn.php）：
<?php $conn = mysql_connect('localhost','root','1234'); mysql_query('use test;'); mysql_query('set names utf8'); ?>
运行结果图：
更多关于PHP相关内容可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家PHP程序设计有所帮助。
本文共计1511个文字，预计阅读时间需要7分钟。
本文实例讲述了PHP使用反向Ajax技术实现在线客服系统。分享给广大开发者参考，具体如下：
反向Ajax技术，又称服务器推送技术，包括server push等。一般用于在线客服、消息推送、实时更新等功能。
以下是一个简单的PHP实现：
php $message]);}?>
javascript// 客户端JavaScript代码// 使用WebSocket与服务器建立连接var socket=new WebSocket('ws://客服服务器地址');
// 监听服务器推送的消息socket.onmessage=function(event) { var data=JSON.parse(event.data); console.log('收到消息：' + data.message);};
本文实例讲述了PHP使用反向Ajax技术实现在线客服系统。分享给大家供大家参考，具体如下：
反向Ajax技术，又称为服务器推技术，server push等。一般用于“在线客服”、“消息推送”、“即时通信”等功能中，比如新浪微博的私信功能，就是客户端不断的请求服务器并创建连接，去查看服务器有没有返回的信息，建立连接比较浪费服务器资源，下面我将根据客户端创建连接的不同性来介绍一下实现反向Ajax的三种思路。
三种思路：
1、间隔固定时间创建连接
这种方式就是按照固定时间不断的去请求服务器，当创建第一个连接时，不管是否有数据返回，此次连接都会失效，然后隔一段时间发出第二个请求，不断重复此动作，此法最浪费资源。
2、长连接方式
这种方式始终只创建一个连接，而这个连接不断开，被称为长时连接，以此不断获取服务器推送的数据，这种方式只创建一个连接，比第一种方法较好。
3、长连接+长轮询方式
这种方式始终创建连接，而这个连接也是长时连接，但是如果获得服务器推送的数据，此连接断开，然后隔固定时间创建第二此连接，这种方式最好，新浪微博的私信功能用的就是这种方法。
在线客服系统
实现思路：
（1）咨询用户端发出问题，把问题存入数据库，把咨询内容显示到客服人员的聊天窗口中
（2）客服人员看到聊天窗口后，选择咨询用户，进行回复，然后把回复内容显示到客服人员窗口中
实现方法：
此系统我采用上述思想中的第二种和第三种方式共同实现，咨询用户端采用第三种方式实现，客服人员端采用第二种方式实现。
数据库信息：
mid：主键，pos表示发送人，rec表示接收人，isread表示是否已读，content表示咨询/回复内容。
项目结构图：
客服人员界面（16-kefu-amdin.php）：
此处采用长连接。页面中主要有一个div，用于显示聊天信息，还有一个隐藏的iframe标签，这个iframe实现反向Ajax模型，用于发送长时连接，当服务器有数据时，服务器将调用comet()方法，此方法显示咨询内容，choose()方法是选择咨询人，resp()是回复方法，在这里会向16-kefu-sendmsg.php页面发出ajax请求，向数据库插入一条回复信息，回复成功后并显示到聊天窗口中。
<?php setcookie('username','admin'); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta img.558idc.com/uploadfile/allimg/210516/135T4DU-6.jpg"></script> <script> //咨询方法 function ask(){ var askContent = $('#askContent').val(); if(askContent == ''){ alert('请输入咨询内容'); return ; } $.post('./16-kefu-sendmsg.php',{rec:'admin',content:askContent},function(res){ if(res == 'ok'){ $('<p style="text-align:right">你对客服说：'+askContent+'</p>').appendTo($('#chatArea')); $('#askContent').val(''); } }); } </script> <style> #chatArea{ width:500px; height:400px; border:1px solid black; overflow: scroll; } </style> </head> <body> <h1>客服功能——用户端</h1> <h2>原理：ajax+长连接+长轮询</h2> <div id="chatArea"> </div> <p><textarea id="askContent"></textarea></p> <p><input type="button" value="咨询" onclick="ask();" /></p> </body> <script> //长连接+长轮询 var setting = { url:'16-kefu-ajax.php', dataType:'json', success:function(res){ $('<p style="text-align:left">客服对你说：'+res.content+'</p>').appendTo($('#chatArea')); var func = function(){$.ajax(setting)}; window.setTimeout(func,1000);//延时1s后重新发送连接 } } $.ajax(setting); </script> </html>
咨询人请求回复信息界面（16-kefu-ajax.php）：
通过ajax+长轮询实现反向Ajax。请求数据，获取数据后，将数据置为已读，然后返回，结束本次连接。
<?php /** * 通过ajax+长轮询实现反向Ajax * @author webbc */ set_time_limit(0);//不设置请求超时时间 require('./conn.php'); $rec = $_COOKIE['username']; $sql = "select * from msg where rec = '$rec' and isread = 0 limit 0,1"; while(true){ $result = mysql_query($sql); $msg = mysql_fetch_assoc($result); //如果有客服人员的回复信息 if(!empty($msg)){ //把该信息置为已读 $sql = "update msg set isread = 1 where mid = ".$msg['mid']; mysql_query($sql); echo json_encode($msg);//返回json数据 exit();//如果此次连接获取数据，就结束本次连接 } sleep(1);//隔一秒循环1次 } ?>
数据库连接文件（conn.php）：
<?php $conn = mysql_connect('localhost','root','1234'); mysql_query('use test;'); mysql_query('set names utf8'); ?>
运行结果图：
更多关于PHP相关内容可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家PHP程序设计有所帮助。