使用jQuery每10秒自动加载和刷新Div。
你有没有看到这个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 ()
} , 10000 ); //每10000毫秒刷新一次
</ SCRIPT>
库/ 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 ()
} , 10000 ); //每10000毫秒刷新一次
</ SCRIPT>
库/ 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 );
?>
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 );
?>