使用jQuery每10秒自动加载和刷新Div。
你有没有看到这个Twitter搜索和Facebook显示最新的推特/帖子数量从数据库每10秒在页面顶部。
我用jQuery和Ajax开发了这样的东西。
它只是简单的5行代码
10余年的灵武网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整灵武建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“灵武网站设计”,“灵武网站推广”以来,每个客户项目都认真落实执行。
例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毫秒刷新一次
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毫秒刷新一次
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
);
?>
分享文章:使用jQuery每10秒自动加载和刷新Div。
网站路径:http://dzwzjz.com/article/piogjo.html