首页 > 上网技巧 > 电脑小技巧 > 正文

AJAX实现自动加载php数据

时间:2014-07-29 09:00 作者:QQ地带 我要评论

相信很多同学在微博或其他社交网站上都见过这种每隔几秒就自动显示最新的消息。下面是Facebook和Twitter网站上自动加载数据的效果。
 
 
 
想实现这一功能其实很简单,看下面的示例:
 
 
index.html
 
这里是前端代码
 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('record_count.php').fadeIn("slow");
}, 10000); // 每10000 毫秒刷新一次
</script>
<body>
<div id="load_tweets"> </div>
</body>
 
record_count.php
 
这里只是输出“uncletoo中文网 - 自动加载示例”
 
 
<?php
echo "uncletoo中文网 - 自动加载示例..............";
?>
 
 
index.php
 
这里需要一个搜索框,通过$search_word将搜索关键字传递到record_count.php页面
 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('record_count.php?q=<?php echo $search_word; ?>').fadeIn("slow");
}, 10000); // 每10000 毫秒刷新一次
</script>
<body>
<div id="load_tweets"> </div>
</body>
 
 
 
 
这里是从数据获取数据并展示
 
record_count.php:
 
<?php
$search_word=$_GET['q'];
$sql = mysql_query("Select id form Messages where message LIKE '%$search_word%'");
$record_count=mysql_num_rows($sql);
//Display count.........
echo $record_count;
?>

标签: php ajax
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告