本文就是和大家分享一款由php结合ajax实现的无刷新留言板，先给大家看一下最后的效果图：
数据库连接代码如下：
index.php文件代码如下：
无刷新显示回帖无刷新显示回帖 []
回帖
姓名：
标题：
内容：
bbspost.php文件代码如下
bbs.js文件里面包括了大量ajax文件，代码如下
//先创建一个空的bbs.js文件，，并修改其属性为utf-8，才能保存中文。var xmlhttp;//用于保存xmlhttprequest对象的全局变量var username;//用于保存姓名var title;//用于保存标题var content;//用于保存内容var threadid;//用于保存主题编号//用于创建xmlhttprequest对象function createxmlhttp() { //根据window.xmlhttprequest对象是否存在使用不同的创建方式 if (window.xmlhttprequest) {xmlhttp = new xmlhttprequest();//firefox、opera等浏览器支持的创建方式 } else {xmlhttp = new activexobject(microsoft.xmlhttp);//ie浏览器支持的创建方式 }}//提交回帖到服务器function submitpost() { //获取帖子中姓名、标题、内容、主题编号四部分信息 username = document.getelementbyid(username).value; title = document.getelementbyid(post_title).value; content = document.getelementbyid(post_content).value; threadid = document.getelementbyid(threadid).value; if (checkform()) {createxmlhttp();//创建xmlhttprequest对象xmlhttp.onreadystatechange = submitpostcallback; //设置回调函数xmlhttp.open(post, bbspost.php, true);//发送post请求//设置post请求体类型xmlhttp.setrequestheader(content-type,application/x-www-form-urlencoded);xmlhttp.send(username= + encodeuri(username) +&title= + encodeuri(title) +&content= + encodeuri(content) +&threadid= + threadid);//发送包含四个参数的请求体 }}//检查表单是否内容已填写完毕function checkform() { if (username == ) {alert(请填写姓名);return false; } else if (title == ) {alert(请填写标题);return false; } else if (content == ) {alert(请填写内容);return false; } return true;}//获取查询选项的回调函数function submitpostcallback() { if (xmlhttp.readystate == 4) {alert(xmlhttp.responsetext);createnewpost(xmlhttp.responsetext); }}//创建新的回帖function createnewpost(postid) { //清空当前表单中各部分信息 document.getelementbyid(post_title).value = ; document.getelementbyid(post_content).value = ; document.getelementbyid(username).value = ;var postdiv = creatediv(post, ); //创建回帖的外层div postdiv.id = post + postid;//给新div赋id值var posttitlediv = creatediv(post_title, title + [ + username + ]); //创建标题div var postcontentdiv = creatediv(post_content,
+ content +
); //创建内容div postdiv.appendchild(posttitlediv);//在外层div追加标题 postdiv.appendchild(postcontentdiv);//在外层div追加内容document.getelementbyid(thread).appendchild(postdiv); //将外层div追加到主题div中}//根据classname和text创建新的divfunction creatediv(classname, text) { var newdiv = document.createelement(div); newdiv.classname = classname; newdiv.innerhtml = text; return newdiv;}bbs.css文件如下：