suchen

Heim  >  Artikel  >  Backend-Entwicklung  >  So implementieren Sie die Chat-Funktion in PHP

So implementieren Sie die Chat-Funktion in PHP

Guanhui
GuanhuiOriginal
2020-05-11 11:40:204164Durchsuche

So implementieren Sie die Chat-Funktion in PHP

So implementieren Sie die Chat-Funktion in PHP

1. Verwenden Sie Ajax im Frontend, um das PHP-Skript regelmäßig abzufragen, und PHP führt eine Abfrage durch die Chat-Daten und geben sie an das Frontend zurück, und schließlich rendert das Frontend sie; die Chat-Funktion.

Client-Code: 

<html>
<head>
<title>聊天室</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../jquery.min.js"></script>
<script>
$(function(){
    $("#post").click(function(){
        
    var content=$("#content").val();
    if(!$.trim(content)){
       alert(&#39;请填写内容&#39;);
       return false;
    }
    $("#content").val("");

    $.post("ajax.php", {content:content});});
})
    
    function getData(msg){
        if(msg == undefined)
        {
            msg = &#39;&#39;;    
        }
        $.post("get.php",{"msg":msg},function(data){
            //var myjson = eval("("+data+")");
            if(data){
                var chatcontent = &#39;&#39;;
                var obj = eval(&#39;(&#39;+data+&#39;)&#39;);
                $.each(obj,function(key,val){
                    chatcontent += "<div class=&#39;username&#39;>"+val[&#39;username&#39;]+" 说:</div>";
                    chatcontent += "<div class=&#39;content&#39;>"+val[&#39;content&#39;]+"</div>";
                })
                $("#chatshow").html(chatcontent);
            }
            
            getData();    
        })    
    }
    
    // function getUser(msg){
    //     if(msg == undefined){
    //         msg = &#39;&#39;;    
    //     }
    //     $.post("getuser.php",{"msg":msg},function(data){
    //         //var myjson = eval("("+data+")");
    //         if(data){
    //             var chatcontent = &#39;&#39;;
    //             var obj = eval(&#39;(&#39;+data+&#39;)&#39;);
    //             $.each(obj,function(key,val){
    //                 chatcontent += "<div class=&#39;username&#39;>"+val[&#39;username&#39;]+" 说:</div>";
    //                 chatcontent += "<div class=&#39;content&#39;>"+val[&#39;content&#39;]+"</div>";
    //             })
    //             $("#chatshow").html(chatcontent);
    //         }
    //         getData();    
    //     })    
    // }
    
    getData("one");
    
    

    // $(function(){
    //     $("#userlist p").click(function(){
    //         $("#content").val("@"+$(this).text()+" ");    
    //     })    
    // })
    
    // $(function(){
    //     $(document).keypress(function(e){
    //         if(e.ctrlKey && e.which == 13 || e.which == 10) { 
                   
    //             var content=$("#content").val();
    //             if(!$.trim(content)){
    //                alert(&#39;请填写内容&#39;);
    //                return false;
    //             }
    //             $("#content").val("");    
    //             $.post("ajax.php", {content:content});
    //         }      
    //     })
    //     //alert(event.clientX+document.body.clientWidth);
    // })
    
    /*window.onbeforeunload=function (){ 
        //return("===onbeforeunload==="); 
        if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){ 
            return("你关闭了浏览器"); 
        }else{ 
            return(document.body.clientWidth); 
        } 
    } */
    
</script>
<style>
#chat{margin:0 auto;}
#chatshow{width:500px;height:400px;overflow:auto;border:1px solid #ccc;float:left;}
#userlist{width:100px;height:400px;overflow:auto;border:1px solid #ccc;float:left;margin-right:2px;}
#userlist p{color:#0F0; cursor:pointer;}
.clearboth{clear:both;}
.username{font-weight:bold;color:#00F;font-size:12px;margin-bottom:3px;margin-top:8px;}
</style>
</head>
<body>
<div id="chat">
<div id="userlist">
<div style="font-size:12px;font-weight:bold;">在线用户列表</div>
<div class="userlist">
<?php 
    // $dsn = "mysql:host=localhost;dbname=test;charset=utf8&#39;";
 //    $db = new PDO($dsn, &#39;root&#39;, &#39;root&#39;);
    $db = new PDO(&#39;mysql:dbname=test;host=127.0.0.1;charset=utf8&#39;, &#39;root&#39;, &#39;adminroot&#39;);
    $rs = $db->prepare("select * from chat where is_login = &#39;1&#39;");
    $rs->execute();
    while($row = $rs->fetch()){
        echo &#39;<p>&#39;.$row[&#39;username&#39;].&#39;</p>&#39;;    
    }
?>
</div>
</div>
<div id="chatshow"></div>
</div>
<div class="clearboth"></div>
<div>
<textarea name="content" id="content" style="width:600px;height:100px"></textarea>
<input type=&#39;button&#39; name=&#39;tj&#39; id="post" value=&#39;发布&#39; >
</div>
</body>
</html>

Server-Code: 

<?php
/*session_start();
$mem = new Memcache;
$mem->connect("localhost",11211);
if(isset($_POST[&#39;content&#39;])){
    $con[&#39;username&#39;] = $_SESSION["username"];
    $con[&#39;content&#39;] = $_POST["content"];
    
    $data = $mem->get(&#39;chat&#39;);
    $data[] = $con;
    $mem->set("chat",$data,0,0);    
}
$mem->close();
*/
    if(isset($_POST[&#39;content&#39;])){
        session_start();
        $filename = date("Ymd",time()).".txt";
        if(file_exists($filename)){
            $content = file_get_contents($filename);
            $data = json_decode($content,true);        
            $con[&#39;username&#39;] = $_SESSION["username"];
            $con[&#39;content&#39;] = $_POST["content"];
            $data[] = $con;
            $file = fopen($filename,"w");
            fwrite($file,json_encode($data));
            fclose($file);    
        }else{
            $file = fopen($filename,"w");
            $con[&#39;username&#39;] = $_SESSION["username"];
            $con[&#39;content&#39;] = $_POST["content"];
            $data[] = $con;
            fwrite($file,json_encode($data));
            fclose($file);    
        }
            
    }



?>

Empfohlenes Tutorial: „

PHP-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Chat-Funktion in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php ajax websocket
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So legen Sie die Anzahl der PHP-Prozesse festNächster Artikel：So legen Sie die Anzahl der PHP-Prozesse fest

In Verbindung stehende Artikel

Mehr sehen