代码如下	复制代码
无刷新显示回帖 $conn = @mysql_connect("localhost","root","123") or die ("MySql连接错误"); mysql_select_db("xin",$conn); mysql_query("set names 'utf8'"); $sql = "select * from bbs_post where threadid = 1 order by id asc"; $query = mysql_query($sql); while($row = mysql_fetch_array($query)){ ?>                    []                 <?=$row[content]?>          } ?>                                 回帖 姓名： 标题： 内容：

Display replies without refreshing

//First create an empty bbs.js file and modify its properties to utf-8 before saving Chinese.
var xmlHttp; //Global variables used to save XMLHttpRequest objects
var username;                                                                                                                                                 var title;  var contents; var threadid;                                                                                                                                                        
//Used to create XMLHttpRequest object
function createXmlHttp() {
//Use different creation methods depending on whether the window.XMLHttpRequest object exists

xmlHttp = new XMLHttpRequest(); //Creation methods supported by browsers such as FireFox and Opera
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//Creation methods supported by IE browser
}
}

//Submit reply to server
function submitPost() {
//Get the four parts of information: name, title, content, and topic number in the post

Title = document.getElementById("post_title").value;
Content = document.getElementById("post_content").value;
​ threadid = document.getElementById("threadid").value;
alert(username+""+title+""+content+""+threadid);
If (checkForm()) {
createXmlHttp(); //Create XMLHttpRequest object
                                                                        xmlHttp.open("POST", "bbs_post.php", true);                                                                                                                           //Set the 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); "&threadid=" + threadid); //Send a request body containing four parameters
}
}

//Check whether the form has been filled in
function checkForm() {
If (username == "") {
alert("Please fill in your name");
         return false;
} else if (title == "") {
alert("Please fill in the title");
         return false;
} else if (content == "") {
alert("Please fill in the content");
         return false;
}
Return true;
}

//Get the callback function of query options
function submitPostCallBack() {
If (xmlHttp.readyState == 4) {
alert(xmlHttp.responseText);
         createNewPost(xmlHttp.responseText);
}
}

//Create a new reply
function createNewPost(postId) {
//Clear all information in the current form
Document.getElementById("post_title").value = "";
Document.getElementById("post_content").value = "";
Document.getElementById("username").value = "";

var postDiv = createDiv("post", ""); //Create the outer div of the reply
PostDiv.id = "post" + postId; //Assign id value to new div

var postTitleDiv = createDiv("post_title", title + " [" + username + "]"); //Create title div
var postContentDiv = createDiv("post_content", "

" + content + "

document.getElementById("thread").appendChild(postDiv); //Append the outer div to the theme div
}

//Create a new div based on className and text
function createDiv(className, text) {
var newDiv = document.createElement("div");
newDiv.className = className;
newDiv.innerHTML = text;
Return newDiv;
}