Php+ajax make no refresh message board, phpajax Refresh message Board _php tutorial

Php+ajax make no refresh message board, phpajax Refresh message Board

This article is to share with you a PHP with Ajax implementation of the non-refresh message board, first of all to see the last:

The database connection code is as follows:

<?php$conn = @mysql_connect ("localhost", "root", "root") or Die ("MySQL connection error"); mysql_select_db ("Demo", $conn); mysql_ Query ("Set names ' UTF8 '");? >

The index.php file code is as follows:

 
  
 
 
  
 <title>No refresh display replies</title>
No refresh display replies
<?phpinclude ("conn.php"); $sql = "select * from ' bbs_post ' where ' threadid ' = ' 1 ' ORDER by ID ASC"; $query =mysql_query ($s QL); while ($row = Mysql_fetch_array ($query)) {?> "> <?php echo $row [' title '];? > [<?php echo $row [' username '];? ;]
<?php echo $row [' content '];? >
<?php}?>
 
 

 
  
  
 
   
 
    
Replies
 
   
 
   
 
    
Name:
 
    
 
   
 
   
 
    
Title:
 
    
 
   
 
   
 
    
Content:
 
    
 
   
 
   
 
    
 
   
 
  

 
 
 

The bbspost.php file code is as follows

<?phpinclude ("conn.php"); $title = $_post["title"]; Get title$content = $_post["Content"]; Get content$username = $_post["username"]; Get Username$threadid = $_post["ThreadId"]; Get threadid$sql= "INSERT into Bbs_post (Title,content,username,threadid)".  VALUES (' $title ', ' $content ', ' $username ', ' $threadId ');  mysql_query ($sql); Returns the last id$responseid=mysql_insert_id () with the INSERT instruction; echo $responseId;? >

Bbs.js file contains a large number of Ajax files, the code is as follows

Before you can save Chinese, create an empty bbs.js file and modify its properties to Utf-8.            var xmlHttp;            The global variable var username used to hold the XMLHttpRequest object;             Used to save name VAR title;            Used to save the title var content;            Used to save content var ThreadID; Used to save the subject number//used to create the XMLHttpRequest object function Createxmlhttp () {//according to window. XMLHttpRequest whether the object exists using a different creation method if (window.         XMLHttpRequest) {xmlHttp = new XMLHttpRequest (); Firefox, Opera and other browsers support the way of creation} else {xmlHttp = new ActiveXObject ("Microsoft.XMLHTTP");//ie browser support How to create}}//submit replies to Server Funct  Ion Submitpost () {//Get the name, title, content, subject number four part information username = document.getElementById ("username") in the post. Value;  title = document.getElementById ("Post_title"). Value;  Content = document.getElementById ("Post_content"). Value;  ThreadID = document.getElementById ("ThreadID"). Value;                  if (Checkform ()) {createxmlhttp ();  Create XMLHttpRequest Object xmlhttp.onreadystatechange = Submitpostcallback;     Set the callback function Xmlhttp.open ("POST", "bbspost.php", true); Send POST request//Set POST request body type XMLHTTp.setrequestheader ("Content-type", "application/x-www-form-urlencoded"); Xmlhttp.send ("username=" + encodeURI (username) + "&title=" + encodeURI (title) + "&content=" +       encodeURI (content) + "&threadid=" + ThreadID);    Send the request body with four parameters}}//check if the form is filled out function checkform () {if (username = = "") {alert ("Please fill in name");  return false;    } else if (title = = "") {alert ("Please fill in the title");  return false;    } else if (content = = "") {alert ("Please fill in");  return false; } return true;    Gets the query option for the callback function Submitpostcallback () {if (xmlhttp.readystate = = 4) {alert (xmlhttp.responsetext);  Createnewpost (Xmlhttp.responsetext);  }}//Create a new reply function Createnewpost (PostID) {//empties the information document.getElementById ("Post_title") for each part of the current form. Value = "";  document.getElementById ("Post_content"). Value = "";  document.getElementById ("username"). Value = "";  var postdiv = Creatediv ("Post", "");      Create a reply to the outer div postdiv.id = "post" + PostID; Assign ID value var posttitlediv to new Div = Creatediv ("Post_title", title + "[" + Username + "]"); Create title div var postcontentdiv = creatediv ("Post_content", "
"+ Content +"
");             Create Content Div Postdiv.appendchild (posttitlediv);            Append the caption Postdiv.appendchild (POSTCONTENTDIV) to the outer div;   Append content document.getElementById ("thread") to the outer Div. appendchild (postdiv); Append the outer div to the theme div}//create a new divfunction Creatediv (className, text) {var newdiv = document.createelement According to className and text) (  "Div");  Newdiv.classname = ClassName;  newdiv.innerhtml = text; return newdiv;}

The Bbs.css file is as follows:

/* page basic style */body, TD, input, textarea {  font-family:arial;  font-size:12px;} /* Style of Theme */#thread {  border:1px solid black;  width:300px;  margin-bottom:10px;} /* Tip Info div style */#statusDiv {  border:1px solid #999;  Background: #FFFFCC;  width:100px;  Position:absolute;  top:50%;  left:50%;  margin:-50px 0 0-100px;  width:280px;} /* style of the post */div.post {  border-bottom:1px solid black;  padding:5px;} /* The style of the post title */div.post_title {  border-bottom:1px dotted #0066CC;  Font-weight:bold;} /* style of post content */div.post_content {  font-size:12px;  margin:5px;} /* reply form basic style */table.reply {  border-collapse:collapse;  width:300px;} /* Reply table cell style */table.reply td {  border:1px solid black;  padding:3px;} /* Reply table header style */table.reply td.title {  background: #003366;  Color: #FFFFFF;} /* FORM element style */input, textarea {  border:1px solid black;} /* Text area style */textarea {  width:200px;  height:50px;} /* Predefined format style */pre {  margin:0;}

The above is the whole content of this article, I hope that everyone's study has helped.

http://www.bkjia.com/PHPjc/1065581.html www.bkjia.com true http://www.bkjia.com/PHPjc/1065581.html techarticle php+ajax make no refresh message board, PHPAJAX Refresh Message board This is to share with you a PHP with Ajax implementation of the non-refresh message board, first to show you The last: number ...

