PHP AJAX 怎么实现无刷新更新留言
留言用的是PHP读取数据库的信息,可是用AJAX新增加数据后,这个显示的内容还是没增加之前的,请问怎么做能实现PHP跟数据库里的数据能够同步更新呢。用AJAX新增加数据,...
留言用的是PHP读取数据库的信息,可是用AJAX新增加数据后,这个显示的内容还是没增加之前的,请问怎么做能实现PHP跟数据库里的数据能够同步更新呢。
用AJAX新增加数据,
var xmlHttp
function submit_new_isay(){
$q=encodeURI(document.getElementById("isay_txt").value);
if($q=="")
{document.getElementById("isay_txt").innerHTML="写点什么";
}
else{
document.getElementById("isay_txt").innerHTML=""
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return }
var url="isayupload.php?q="+$q
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
}
留言用的是PHP读取数据库的信息,我把这个包含在PHP的留言页面上的
<?php
require("mysql_connect.php");
$result =mysql_query("SELECT * FROM usersay ORDER BY `sayid` DESC
");
while($row = mysql_fetch_array($result))
{
echo urldecode($row['saytext'] . " " ."<span class=gray>". $row
['addtime'])."</span>";
echo "<br />"; ?> 展开
用AJAX新增加数据,
var xmlHttp
function submit_new_isay(){
$q=encodeURI(document.getElementById("isay_txt").value);
if($q=="")
{document.getElementById("isay_txt").innerHTML="写点什么";
}
else{
document.getElementById("isay_txt").innerHTML=""
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return }
var url="isayupload.php?q="+$q
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
}
留言用的是PHP读取数据库的信息,我把这个包含在PHP的留言页面上的
<?php
require("mysql_connect.php");
$result =mysql_query("SELECT * FROM usersay ORDER BY `sayid` DESC
");
while($row = mysql_fetch_array($result))
{
echo urldecode($row['saytext'] . " " ."<span class=gray>". $row
['addtime'])."</span>";
echo "<br />"; ?> 展开
3个回答
展开全部
$(function(){
$('#button').click(function(){
var name = $('#button').val();
//接收数组中包含中文的用$.getJSON()
$.getJSON("b.php?name="+name,
function(data) { //alert(data[3]);
if (data == "") {
alert('暂无数据');
return false;
}
$.each(data,function(i,n){
alert( "key="+i + " :text=" + n );
});
});
});
});
$('#button').click(function(){
var name = $('#button').val();
//接收数组中包含中文的用$.getJSON()
$.getJSON("b.php?name="+name,
function(data) { //alert(data[3]);
if (data == "") {
alert('暂无数据');
return false;
}
$.each(data,function(i,n){
alert( "key="+i + " :text=" + n );
});
});
});
});
更多追问追答
追问
大侠,不太明白你的代码,我是用这个显示数据的 ". $row
['addtime'])."";
echo "";
}
mysql_close($con);
?>
追答
b.php
". $row['addtime'])."";
$rs[]=$row;
} mysql_close($con);
echo json_encode($rs);//返回数组
?>
.js
$(function(){
$('#button').click(function(){
var name = $('#button').val();
//接收数组中包含中文的用$.getJSON()
$.getJSON("b.php?name="+name,
function(data) {//data指b.php返回的数组
if (data == "") {
alert('返回数组为空');
return false;
}
$.each(data,function(i,n){//循环b.php返回的数组,写入页面即可看到你想要的效果
alert( "key="+i + " :text=" + n );//i表数组的键,n表数组的值
});
});
});
});
参考资料: Jquery手册
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询