PHP implementation of the simplest chat room application _php Tutorial

PHP for the simplest chat room app

Introduced

Chat apps are very common on the web. Developers have a lot to choose from when building such applications. This article describes how to implement a Php-ajax-based chat application, and you can send and receive messages without having to refresh the page.

Core Logic

Before defining the core functionality of your application, take a look at the basic look of your chat application, as shown in the following:

Enter the chat text via the input box at the bottom of the chat window. Click the Send button to start executing the function set_chat_msg. This is an AJAX-based function, so you can send chat text to the server without having to refresh the page. The program executes chat_send_ajax.php and user names and chat text in the server.

 
 

  
  

  
//  
  
  

  
//Set Chat Message  
  
  

  
//  
  
  

  

  
  

  
function set_chat_msg ()
  
  

  
{
  
  

  
 if (typeof XMLHttpRequest! =  "undefined")
  
  

  
{
  
  

  
Oxmlhttpsend = new  XMLHttpRequest ();
  
  

  
}
  
  

  
 Else   if  (window. ActiveXObject)
  
  

  
{
  
  

  
Oxmlhttpsend = new  ActiveXObject ("Microsoft.XMLHTTP");
  
  

  
}
  
  

  
 if (Oxmlhttpsend = =  null)
  
  

  
{
  
  

  
Alert ("Browser does not support XML Http Request");
  
  

  
 return ; 
  
  

  
}
  
  

  

  
  

  
var url = "chat_send_ajax.php";
  
  

  
var strname="Noname";
  
  

  
var strmsg="";
  
  

  
 if (document.getElementById ("txtname")! =  null)
  
  

  
{
  
  

  
strname = document.getElementById ("txtname"). Value;
  
  

  
document.getElementById ("txtname"). readonly=true;
  
  

  
}
  
  

  
 if (document.getElementById ("txtmsg")! =  null)
  
  

  
{
  
  

  
strmsg = document.getElementById ("txtmsg"). Value;
  
  

  
document.getElementById ("txtmsg"). Value =  "";
  
  

  
}
  
  

  

  
  

  
URL + = "? name="  + strname +  "&msg="  + strmsg;
  
  

  
Oxmlhttpsend.open ("GET", URL,true);
  
  

  
Oxmlhttpsend.send (null);
  
  

  
}
 
 

The PHP module receives the form data from query string queries and updates it to a database table named Chat. The Chat database table has ID columns named,, USERNAME , CHATDATE and MSG . The ID field is an auto-increment field, so the assignment of this ID field is automatically incremented. The current date and time are updated to the Chatdate column.

 
 

  
  

  
require_once (' dbconnect.php ');
  
  

  

  
  

  
Db_connect ();
  
  

  

  
  

  
$msg = $_get["msg"];
  
  

  
$dt = Date ("y-m-d h:i:s");
  
  

  
$user = $_get["name"];
  
  

  

  
  

  
$sql ="INSERT into chat (username,chatdate,msg)"  .
  
  

  
 "VALUES ("  . QUOTE ($user). "," . 
  
  

  
QUOTE ($DT). "," . QUOTE ($msg). ");" ; 
  
  

  

  
  

  
Echo $sql;
  
  

  

  
  

  
$result = mysql_query ($sql);
  
  

  
if (! $result)
  
  

  
{
  
  

  
 Throw   New  Exception (' Query failed: '  . mysql_error ());
  
  

  
Exit ();
  
  

  
}
 
 

In order to receive chat messages from all users in the database table, the timer function is set to loop 5 seconds to invoke the following JavaScript command, which is to execute the GET_CHAT_MSG function every 5 seconds.

var t = setinterval (function () {get_chat_msg ()},5000);

Get_chat_msg is an AJAX-based function. It executes the chat_recv_ajax.php program to obtain chat information from the database table. In the onreadystatechange attribute, another JavaScript function get_chat_msg_result is connected. The program Controls access to the Get_chat_msg_result function while returning the chat message from the database table.

 
 

  
  

  
//  
  
  

  
//General Ajax Call  
  
  

  
//  
  
  

  

  
  

  
var oxmlhttp;
  
  

  
var oxmlhttpsend;
  
  

  

  
  

  
function get_chat_msg ()
  
  

  
{
  
  

  
 if (typeof XMLHttpRequest! =  "undefined")
  
  

  
{
  
  

  
Oxmlhttp = new  XMLHttpRequest ();
  
  

  
}
  
  

  
 Else   if  (window. ActiveXObject)
  
  

  
{
  
  

  
Oxmlhttp = new  ActiveXObject ("Microsoft.XMLHTTP");
  
  

  
}
  
  

  
 if (oxmlhttp = =  null)
  
  

  
{
  
  

  
Alert ("Browser does not support XML Http Request");
  
  

  
 return ; 
  
  

  
}
  
  

  

  
  

  
Oxmlhttp.onreadystatechange = Get_chat_msg_result;
  
  

  
Oxmlhttp.open ("GET","chat_recv_ajax.php",true);
  
  

  
Oxmlhttp.send (null);
  
  

  
}
 
 

In the chat_recv_ajax.php program, chat messages from users are collected through SQL select commands. To limit the number of rows, the restriction clause, limit 200, is given in the SQL query, which requires the last 200 rows in the Chat database table. The obtained message is then returned to the AJAX function, which is used to display the content in the Chat window.

 
 

  
  

  
require_once (' dbconnect.php ');
  
  

  

  
  

  
Db_connect ();
  
  

  

  
  

  
$sql = "SELECT *, Date_format (chatdate,'%d-%m-%y%r ')
  
  

  
As CDT from the chat order by ID desc limit";
  
  

  
$sql = "SELECT * FROM ("  . $sql.  ") as Ch ORDER by ID";
  
  

  
$result = mysql_query ($sql) or Die (' query failed: '  . mysql_error ());
  
  

  

  
  

  
//Update Row information  
  
  

  
$msg ="";
  
  

  
 while ($line = mysql_fetch_array ($result, MYSQL_ASSOC))
  
  

  
{
  
  

  
$msg = $msg. ""  . 
  
  

  
 ""  . 
  
  

  
 "" ; 
  
  

  
}
  
  

  
$msg = $msg. "
  
"FONT-SIZE:10PT;" border= "0" >
  

   
   
  < span="">
    
     
      " . $line ["CDT"]. 
  
" 
      " . $line ["username"]. 
  
": 
      " . $line ["MSG"]. 
  
"
     
    
   "; 
  
  

  

  
  

  
Echo $msg;
  
  

  

  
  

  
As the data is ready, the JavaScript function collects the data received from PHP. The data will be placed within the DIV tag. Oxmlhttp.responsetext will keep the chat message received from the PHP program and copy it to the DIV tag's document.getElementById ("Div_chat"). innerHTML property.
  
  

  

  
  

  
function Get_chat_msg_result (t)
  
  

  
{
  
  

  
 if (oxmlhttp.readystate==4  | | oxmlhttp.readystate=="complete")
  
  

  
{
  
  

  
 if (document.getElementById ("Div_chat")! =  null)
  
  

  
{
  
  

  
document.getElementById ("Div_chat"). InnerHTML = Oxmlhttp.responsetext;
  
  

  
Oxmlhttp = null;
  
  

  
}
  
  

  
var scrolldiv = document.getElementById ("Div_chat");
  
  

  
Scrolldiv.scrolltop = Scrolldiv.scrollheight;
  
  

  
}
  
  

  
}
 
 

The following SQL CREATE TABLE command can be used to create a database table named Chat. All information entered by the user will be entered into the database table.

CREATE TABLE Chat (id bigint auto_increment,username varchar (20),
Chatdate datetime,msg varchar ($), primary key (ID));

Points of interest

This piece of code for implementing the chat application is very interesting. It can be improved to become a fully fledged HTTP chat application. The logic for creating the application is also very simple. Even beginners don't have any difficulty understanding them.

License

This article, as well as any related source code and files, has been licensed by the Code Project Open License (Cpol).

Link: http://www.codeceo.com/article/php-chart-app.html
English Original: Chat application in PHP

http://www.bkjia.com/PHPjc/1027371.html www.bkjia.com true http://www.bkjia.com/PHPjc/1027371.html techarticle PHP implements the simplest chat room app to introduce chat apps that are very common on the web. Developers have a lot to choose from when building such applications. This article describes how to implement ...

