AJAX实现自动加载php数据_H5之家 - 中国HTML5教程资源分享第一站

AJAX实现自动加载php数据

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

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

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

index.html

这里是前端代码

libs/jquery/1.3.0/jquery.min.js"></script>

var auto_refresh = setInterval(

function ()

{

$('#load_tweets').load('record_count.php').fadeIn("slow");

}, 10000); // 每10000 毫秒刷新一次

</script>

<body>

</body>

record_count.php

这里只是输出“uncletoo中文网 - 自动加载示例”

<?php

echo "uncletoo中文网 - 自动加载示例..............";

index.php

这里需要一个搜索框，通过$search_word将搜索关键字传递到record_count.php页面

libs/jquery/1.3.0/jquery.min.js"></script>

var auto_refresh = setInterval(

function ()

{

$('#load_tweets').load('record_count.php?q=<?php echo $search_word; ?>').fadeIn("slow");

}, 10000); // 每10000 毫秒刷新一次

</script>

<body>

</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)

Google提供的广告

推荐图文