使用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 ()
} , 10000 ); //每10000毫秒刷新一次
库/ 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>
SCRIPT>
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毫秒刷新一次
$ search_word = $ _GET [' q' ];
$ sql = MySQLi_query ($ db,“ 选择id表单消息
LIKE'%$ search_word%' ”);
$ record_count = mysqli_num_rows ($ sql);
当前标题:使用jQuery每10秒自动加载和刷新Div。
本文路径:http://ybzwz.com/article/piogjo.html
库/ 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>
SCRIPT>
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 );
?>
当前标题:使用jQuery每10秒自动加载和刷新Div。
本文路径:http://ybzwz.com/article/piogjo.html