ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例


Posted in PHP onJune 23, 2014

该实例通过ThinkPHP结合Ajax与mysql实现了客户端的通信功能,具体如下:

1、使用js的ajax局部刷新功能,每次刷新将数据库中读取出的新记录插入到页面的显示区域,代码如下:

window.onload =setInterval(showWords1000);//加载完成之后开始执行刷新功能
function showWords()//刷新时被调用函数,实现ajax请求
   { 
    xmlHttp=GetXmlHttpObject();//从自定义的函数中获取请求对象。
    if (xmlHttp==null)
    {
     alert ("Browser does not support HTTP Request")
     return;
    }
    var url="index.php?g=Ksks&m=Comments&a=refresh";//要请求的路径使用shuipfcms框架,所以g是分组,m是action控制器,a是模板
    url=url+"&data_id="+$("#data_id").val();//接上,data_id传的参数,用于查询数据库的id
    url=url+"&lasttime="+$("i").last().siblings('input').val();//lasttime是页面显示数据的最后一个记录的时间戳,查找时根据大于这个时间戳的条件查找
    xmlHttp.onreadystatechange=stateChanged;//响应状态改变时调用的函数
    xmlHttp.open("GET",url,true);//使用get方法提交
    xmlHttp.send();//上面传参之后,这句可要可不要
   }
   function stateChanged() //实现向页面插入数据功能
   { 
   var str =""; 
    if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
     eval("var arrs="+xmlHttp.responseText);//获取由action响应输出的数据,因为数据室php数组格式,需用eval或json转化成js数组格式
     var chdiv=$("#conversation_history");//通信聊天记录框
     for(var j=0;j<arrs.length;j++){//循环插入数据
        var obj=$("<tr><td><h3></h3></td><td></td></tr>");//定义页面当中记录框的html格式代码
    var i=$("<i>  "+arrs[j].times+"</i><input type='hidden' value='"+arrs[j].times+"'>");//i标签i为thinkphp定义的直接将时间输出到input隐藏并且存储得到数据里面的聊天发送时间
    var p=$("<p></p>");
    p.html(arrs[j].content);//聊天内容
    p.append(i);
    var h3value=arrs[j].name;//发送的作者
    obj.find("h3").html(h3value+":");
    if(h3value=="主持人")
    {obj.find("h3").addClass("presenter");}//主持人会特别显示
    obj.find("td:last").append(p);
        chdiv.append(obj);//追加到table里面
     }
     chdiv.parent().scrollTop(chdiv.parent()[0].scrollHeight+0);//滚动到底部
    } 
   }
function GetXmlHttpObject()//定义ajax请求对象
   {
    var xmlHttp=null;
    try
    {
     // Firefox, Opera 8.0+, Safari
     xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
     //Internet Explorer
     try
     {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch (e)
     {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
    }
    return xmlHttp;
   }

2、action控制器,代码如下:

function refresh(){
   $data_id = I('get.data_id');//获得嘉宾id
   $lasttime = I('get.lasttime');
   //print_r(date("Y-m-d H:i:s",$lasttime));
   if(!$data_id)
    $this->error("该访谈不存在!"); 
   $data = M("ksks_words_memoir");
   
   //print_r(date('Y-m-d H:i:s',$lasttime));
   if(!$data)
    $this->error("初始化数据失败!");
   //$words = $data->where(array('dataid' => $data_id))->order('time asc')->select();
   //print_r($data->where(array('time' => $lasttime))->select());
   $where['time'] = array('gt',$lasttime);
   $count = $data->where($where)->count();
   //print_r(date("Y-m-d H:i:s",$lasttime));
   $words = $data->where($where)->select();
   $datas = array();//要返回的数组
   $i = 0;
   foreach($words as $word)
   {
    $datas[$i]['name'] = $word['name'];
    $datas[$i]['content'] = $word['content'];
    $datas[$i]['times'] = date('Y-m-d H:i:s',$word['time']);
    $lasttime = $word['time'];
    $i = $i+1;
   }
   setCookie('lasttime',$lasttime);
   $datas = json_encode($datas);
   //$this->cache();
   echo $datas;
 }

3、聊天页面,代码如下:

<volist name="words" id="vo">
<tr>
<td><h3 <if condition="$vo['name']=='主持人'">class="presenter"</if>>{$vo.name}:</h3></td>
<td>
<div>{$vo.content}<i>  {$vo.time|date="Y-m-d H:i:s",###}</i>
       <input type="hidden" name="time" value="{$vo.time}">
</div>
</td>
</tr>
</volist>
PHP 相关文章推荐
不用GD库生成当前时间的PNG格式图象的程序
Oct 09 PHP
php面向对象全攻略 (六)__set() __get() __isset() __unset()的用法
Sep 30 PHP
php抓取页面与代码解析 推荐
Jul 23 PHP
解析php5配置使用pdo
Jul 03 PHP
php求正负数数组中连续元素最大值示例
Apr 11 PHP
typecho插件编写教程(二):写一个新插件
May 28 PHP
Symfony的安装和配置方法
Mar 17 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
Nov 16 PHP
PHP实现的简单排列组合算法应用示例
Jun 20 PHP
PHP SESSION机制的理解与实例
Mar 22 PHP
Codeigniter里的无刷新上传的实现代码
Apr 14 PHP
设定php简写功能的方法
Nov 28 PHP
ThinkPHP实现事务回滚示例代码
Jun 23 #PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
Jun 23 #PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
Jun 23 #PHP
ThinkPHP学习笔记(一)ThinkPHP部署
Jun 22 #PHP
ThinkPHP的URL重写问题
Jun 22 #PHP
分享一个php 的异常处理程序
Jun 22 #PHP
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
Jun 22 #PHP
You might like
php比较多维数组中值的大小排序实现代码
2012/09/08 PHP
自己写了一个php检测文件编码的函数
2014/04/21 PHP
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
picChange 图片切换特效的函数代码
2010/05/06 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
jquery获取节点名称
2015/04/26 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
微信小程序select下拉框实现源码
2019/11/08 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
python进阶教程之异常处理
2014/08/30 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
Django web框架使用url path name详解
2019/04/29 Python
详解anaconda安装步骤
2020/11/23 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
俄语专业毕业生推荐信
2013/10/28 职场文书
普师专业个人自荐信范文
2013/11/26 职场文书
给领导的致歉信范文
2014/01/13 职场文书
人力资源求职信
2014/05/25 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
Matplotlib绘制混淆矩阵的实现
2021/05/27 Python
gojs实现蚂蚁线动画效果
2022/02/18 Javascript