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 相关文章推荐
php权重计算方法代码分享
Jan 09 PHP
PHP数据库操作之基于Mysqli的数据库操作类库
Apr 19 PHP
php延迟静态绑定实例分析
Feb 08 PHP
PHP限制HTML内容中图片必须是本站的方法
Jun 16 PHP
PHP加密解密函数详解
Oct 28 PHP
PHP可变函数学习小结
Nov 29 PHP
PHP获取用户访问IP地址的5种方法
May 16 PHP
PHP版单点登陆实现方案的实例
Nov 17 PHP
PHP生成图片验证码功能示例
Jan 12 PHP
php动态读取数据清除最右边距的方法
Apr 12 PHP
阿里云Win2016安装Apache和PHP环境图文教程
Mar 11 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
Jan 26 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学习之简单计算器实现代码
2011/06/09 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
PHP实现多图片上传类实例
2014/07/26 PHP
php生成验证码函数
2015/10/20 PHP
yii2.0实现验证用户名与邮箱功能
2015/12/22 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
PHP结合Ffmpeg快速搭建流媒体服务的实践记录
2018/10/31 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
javascript数组排序汇总
2015/07/07 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
JavaScript实现HTML导航栏下拉菜单
2020/11/25 Javascript
Flask框架web开发之零基础入门
2018/12/10 Python
Django model反向关联名称的方法
2018/12/15 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
python 按钮点击关闭窗口的实现
2020/03/04 Python
python requests.get带header
2020/05/05 Python
python爬虫快速响应服务器的做法
2020/11/24 Python
浅谈CSS3中display属性的Flex布局的方法
2017/08/14 HTML / CSS
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
Python是如何进行类型转换的
2013/06/09 面试题
库房主管岗位职责
2013/12/31 职场文书
简单租房协议书
2014/10/21 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
2015廉洁自律个人总结
2015/02/14 职场文书
党员证明模板
2015/06/19 职场文书
百日宴上的祝酒词
2015/08/10 职场文书