搭建简易在线聊天室-CSDN博客

本文链接：https://blog.csdn.net/wzh190015/article/details/50740369

chatroom.php

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <script src="jquery-2.2.0.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="style.css" type="text/css">
        <title>网页聊天室</title>
    </head>
    <body>
        <center><textarea readonly="readonly" rows="27" cols="100" id="chatwindow"></textarea></center>
        <br>
        <form style="text-align:center;" method="POST" action="write.php" >
            <input id="sendtext" type="text" class="submit"></input>
            <br><br><br>
            <input type="button" value="发送" onclick="chat()" class="myButton"></input>
        </form>
        <script>
            var xmlhttp=new XMLHttpRequest();
            var getmes=new XMLHttpRequest();
            setInterval("message()",1000);
            function message()
            {
    
                getmes.open("GET","return.php",true);
                getmes.send();
            }
            function chat()
            {
    
                var text=document.getElementById("sendtext").value;
                document.getElementById("sendtext").value="";
                xmlhttp.open("GET","write.php?text="+text,true);
                xmlhttp.send();
            }
            getmes.onreadystatechange=function()
            {
    
                if (getmes.readyState==4 && getmes.status==200)
                {
                    document.getElementById("chatwindow").innerHTML=getmes.responseText;
                }
            }
        </script>