您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > PHP技术 > PHP应用

5行代码轻松实现AJAX自动加载数据

作者:UncleToo  来源:原创  日期:2014-01-14 8:03:14
收藏  评论:( 0 )  阅读:498

相信很多同学在微博或其他社交网站上都见过这种每隔几秒就自动显示最新的消息。下面是Facebook和Twitter网站上自动加载数据的效果:

查看演示

想实现这一功能其实很简单,看下面的示例:

示例1

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中文网 - 自动加载示例..............";
?>


示例2

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教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/application/783.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论