搜尋
首頁資料庫mysql教程thinkphp使用ajax、jquery、Mysql实现了简单的客户端通信功能_MySQL

AjaxThinkPHP

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                                var obj=$("

");//定义页面当中记录框的html格式代码
               var i=$("  "+arrs[j].times+"");//i标签i为thinkphp定义的直接将时间输出到

                               //input隐藏并且存储得到数据里面的聊天发送时间

                                var 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、聊天页面,直接上代码:



class="presenter">{$vo.name}:



{$vo.content}  {$vo.time|date="Y-m-d H:i:s",###}
                         




//看世界杯,日后再谈







陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
解釋InnoDB緩衝池及其對性能的重要性。解釋InnoDB緩衝池及其對性能的重要性。Apr 19, 2025 am 12:24 AM

InnoDBBufferPool通過緩存數據和索引頁來減少磁盤I/O,提升數據庫性能。其工作原理包括:1.數據讀取:從BufferPool中讀取數據;2.數據寫入:修改數據後寫入BufferPool並定期刷新到磁盤;3.緩存管理:使用LRU算法管理緩存頁;4.預讀機制:提前加載相鄰數據頁。通過調整BufferPool大小和使用多個實例,可以優化數據庫性能。

MySQL與其他編程語言:一種比較MySQL與其他編程語言:一種比較Apr 19, 2025 am 12:22 AM

MySQL与其他编程语言相比,主要用于存储和管理数据,而其他语言如Python、Java、C 则用于逻辑处理和应用开发。MySQL以其高性能、可扩展性和跨平台支持著称,适合数据管理需求,而其他语言在各自领域如数据分析、企业应用和系统编程中各有优势。

學習MySQL:新用戶的分步指南學習MySQL:新用戶的分步指南Apr 19, 2025 am 12:19 AM

MySQL值得學習,因為它是強大的開源數據庫管理系統,適用於數據存儲、管理和分析。 1)MySQL是關係型數據庫,使用SQL操作數據,適合結構化數據管理。 2)SQL語言是與MySQL交互的關鍵,支持CRUD操作。 3)MySQL的工作原理包括客戶端/服務器架構、存儲引擎和查詢優化器。 4)基本用法包括創建數據庫和表,高級用法涉及使用JOIN連接表。 5)常見錯誤包括語法錯誤和權限問題,調試技巧包括檢查語法和使用EXPLAIN命令。 6)性能優化涉及使用索引、優化SQL語句和定期維護數據庫。

MySQL:初學者的基本技能MySQL:初學者的基本技能Apr 18, 2025 am 12:24 AM

MySQL適合初學者學習數據庫技能。 1.安裝MySQL服務器和客戶端工具。 2.理解基本SQL查詢,如SELECT。 3.掌握數據操作:創建表、插入、更新、刪除數據。 4.學習高級技巧:子查詢和窗口函數。 5.調試和優化:檢查語法、使用索引、避免SELECT*,並使用LIMIT。

MySQL:結構化數據和關係數據庫MySQL:結構化數據和關係數據庫Apr 18, 2025 am 12:22 AM

MySQL通過表結構和SQL查詢高效管理結構化數據,並通過外鍵實現表間關係。 1.創建表時定義數據格式和類型。 2.使用外鍵建立表間關係。 3.通過索引和查詢優化提高性能。 4.定期備份和監控數據庫確保數據安全和性能優化。

MySQL:解釋的關鍵功能和功能MySQL:解釋的關鍵功能和功能Apr 18, 2025 am 12:17 AM

MySQL是一個開源的關係型數據庫管理系統,廣泛應用於Web開發。它的關鍵特性包括:1.支持多種存儲引擎,如InnoDB和MyISAM,適用於不同場景;2.提供主從復制功能,利於負載均衡和數據備份;3.通過查詢優化和索引使用提高查詢效率。

SQL的目的:與MySQL數據庫進行交互SQL的目的:與MySQL數據庫進行交互Apr 18, 2025 am 12:12 AM

SQL用於與MySQL數據庫交互,實現數據的增、刪、改、查及數據庫設計。 1)SQL通過SELECT、INSERT、UPDATE、DELETE語句進行數據操作;2)使用CREATE、ALTER、DROP語句進行數據庫設計和管理;3)複雜查詢和數據分析通過SQL實現,提升業務決策效率。

初學者的MySQL:開始數據庫管理初學者的MySQL:開始數據庫管理Apr 18, 2025 am 12:10 AM

MySQL的基本操作包括創建數據庫、表格,及使用SQL進行數據的CRUD操作。 1.創建數據庫:CREATEDATABASEmy_first_db;2.創建表格:CREATETABLEbooks(idINTAUTO_INCREMENTPRIMARYKEY,titleVARCHAR(100)NOTNULL,authorVARCHAR(100)NOTNULL,published_yearINT);3.插入數據:INSERTINTObooks(title,author,published_year)VA

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱工具

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。