使用jQuery每10秒自动加载和刷新Div。
发布时间：2025-05-25 01:50:56
作者：益华网络
来源：undefined
浏览量（0）
点赞（0）
摘要：你有没有看到这个Twitter搜索和Facebook显示最新的推特/帖子数量从数据库每10秒在页面顶部。 我用jQuery和A
你有没有看到这个Twitter搜索和Facebook显示最新的推特/帖子数量从数据库每10秒在页面顶部。
我用jQuery和Ajax开发了这样的东西。
它只是简单的5行代码
例1：
Index.html
包含javascript和HTML代码。
看看
load（“record_cound.php”）
<脚本
类型=”
文本/ JavaScript的
“SRC =”
http://ajax.googleapis.com/ajax/
库/ jquery的/ 1.3.0 / jquery.min.js
“
>
</ SCRIPT>
<脚本
类型=”
文本/ javascript
“
>
var auto_refresh =
setInterval
（
function
（）
{
$（
＃load_tweets
）。
load
（
record_count.php
）。
fadeIn
（“
慢
”）;
}
，
10000
）;
//每10000毫秒刷新一次
<BODY>
<div
id =“
load_tweets
”
> </ div>
</ BODY>
</ SCRIPT>
record_count.php
每10秒钟打印一次“9lessons |编程”
<？PHP
echo
“9lessons | Programming blog ..............”;
？>
例2
index.php
包含PHP代码，你必须将搜索框值twitter.com/search?q="some thing“传递给facebook中的$ search_word传递用户ID或用户会话值。
<脚本
类型=”
文本/ JavaScript的
“SRC =”
http://ajax.googleapis.com/ajax/
库/ jquery的/ 1.3.0 / jquery.min.js
“
>
</ SCRIPT>
<脚本
类型=”
文本/ javascript
“
>
var auto_refresh =
setInterval
（
function
（）
{
$（
＃load_tweets
）。
load
（
record_count.php？q =
<？php
echo
$ search_word;
？>
）。
fadeIn
（“
慢
”）;
}
，
10000
）;
//每10000毫秒刷新一次
<BODY>
<div
id =“
load_tweets
”
> </ div>
</ BODY>
</ SCRIPT>
record_count.php
计算数据库中的推文/帖子。
<？PHP
包括（ “db.php中”）;
$ search_word =
$ _GET
[
q
];
$ sql =
mysqli_query
（$ db，“
选择id表单消息
LIKE％$ search_word％
”）;
$ record_count =
mysqli_num_rows
（$ sql）;
//显示计数.........
echo
$ record_count;
？>
db.php
数据库配置文件，修改用户名，密码和数据库值。
<？php
define
（
DB_SERVER
，localhost）;
define
（
DB_USERNAME
，username）;
define
（
DB_PASSWORD
，password）;
define
（
DB_DATABASE
，database）;
$ connection =
mysqli_connect
（
DB_SERVER
，
DB_USERNAME
，
DB_PASSWORD
，
DB_DATABASE
）;
？>
扫一扫，关注我们
声明：本文由【益华网络】编辑上传发布，转载此文章须经作者同意，并请附上出处【益华网络】及本页链接。如内容、图片有任何版权问题，请联系我们进行处理。
