实现留言板功能，如何不刷新页面进行插入数据库的操作？

Question

现在通过insert.php来执行插入数据库的操作，但是这样就会把页面迁到insert.php里，用户体验非常差。
希望直接submit的时候不刷新页面执行insert.php的操作，应该是在JS里写的吧？
刚接触PHP希望大家贴出具体的JS代码啊。
谢谢！

Answer 1

只需提交到插入式框架（ifarm）即可

Answer 2

具体代码怎么实现呢？才接触对这个东西不太熟悉啊。
就是我的insert.php应该放在哪里执行可以不用刷新页面自动把东西插到数据库里啊？
新留言现在可以通过JS无刷新在前台显示的，主要就是怎么样插到后台。
如果写在<form action="insert.php" method="post">里的话按提交会迁到insert.php页面的，变成一张空白页很难看。
我就希望insert.php执行但是还是在原来的页面。

Answer 3

<ifame name=submitwin style='display'></ifame>
<form action="insert.php" method="post" tagrget=submitwin >另外
既然你可以“通过JS无刷新在前台显示”，那么怎么就不能“通过JS无刷新提交”呢？

Answer 4

我看到说用AJAX来实现。
我JS里有一个函数是sendBtn,这个函数现在实现前台刷新显示，我想应该是在这个函数里执行insert.php提交到数据库的。但是试了很多次都没有成功。不知道改怎么写啊这里。//用ajax调用insert.php执行插入数据库操作
var xmlhttp;
function createXHR()
{
try
{
xmlhttp=new ActiveXObject("Msxm12.XMLHTTP");  //支持不同浏览器版本，下同
}
catch(e)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp=new XMLHttpRequest();
if(xmlhttp.overrideMimeType)
{
xmlhttp.overrideMimeType("text/xml");
}
}
catch(e){}
}
}
if(!xmlhttp)
{
return false;
}
}

//发送请求

createXHR();
xmlhttp.onreadystatechange=requestAjax;
xmlhttp.open( "GET", 'insert.php', true );
xmlhttp.send( null );    


//取得请求
function requestAjax()
{
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
//显示发布成功
document.getElementById('statue').innerHTML = xmlhttp.responseText;
}
}
}

Answer 5

你的参数没有提交到后台。 insert.php?id=111&content=bbbb   类似这样把表单的值提交过去。

Answer 6

谢谢啊。刚看了个文章http://www.jb51.net/article/5033.htm
现在知道怎么弄了。主要还是JS里做AJAX请求把数据传给服务器。