使用jQuery每10秒自动加载和刷新Div。
你有没有看到这个Twitter搜索和Facebook显示最新的推特/帖子数量从数据库每10秒在页面顶部。我用jQuery和Ajax开发了这样的东西。它只是简单的5行代码
库/ jquery的/ 1.3.0 / jquery.min.js“></ SCRIPT>
<脚本类型=”文本/ javascript“>
var auto_refresh =setInterval(
function()
{$('#load_tweets')。load('record_count.php')。fadeIn(“慢”);
},10000);//每10000毫秒刷新一次
<BODY><divid =“load_tweets”> </ div>
</ BODY>
</ SCRIPT>
?>
库/ jquery的/ 1.3.0 / jquery.min.js“></ SCRIPT>
<脚本类型=”文本/ javascript“>
var auto_refresh =setInterval(
function()
{$('#load_tweets')。load('record_count.php?q =<?phpecho$ search_word;?>')。fadeIn(“慢”);
},10000);//每10000毫秒刷新一次
<BODY><divid =“load_tweets”> </ div>
</ BODY>
</ SCRIPT>
$ search_word =$ _GET['q'];
$ sql =mysqli_query($ db,“选择id表单消息
LIKE'%$ search_word%'”);
$ record_count =mysqli_num_rows($ sql);
//显示计数.........echo$ record_count;
?>
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);
?>
例1:
Index.html
包含javascript和HTML代码。看看load(“record_cound.php”)
库/ jquery的/ 1.3.0 / jquery.min.js“></ SCRIPT>
<脚本类型=”文本/ javascript“>
var auto_refresh =setInterval(
function()
{$('#load_tweets')。load('record_count.php')。fadeIn(“慢”);
},10000);//每10000毫秒刷新一次
<BODY><divid =“load_tweets”> </ div>
</ BODY>
</ SCRIPT>
record_count.php
每10秒钟打印一次“9lessons |编程”
?>
index.php
包含PHP代码,你必须将搜索框值twitter.com/search?q="some thing“传递给facebook中的$ search_word传递用户ID或用户会话值。
库/ jquery的/ 1.3.0 / jquery.min.js“></ SCRIPT>
<脚本类型=”文本/ javascript“>
var auto_refresh =setInterval(
function()
{$('#load_tweets')。load('record_count.php?q =<?phpecho$ search_word;?>')。fadeIn(“慢”);
},10000);//每10000毫秒刷新一次
<BODY><divid =“load_tweets”> </ div>
</ BODY>
</ SCRIPT>
record_count.php
计算数据库中的推文/帖子。
$ search_word =$ _GET['q'];
$ sql =mysqli_query($ db,“选择id表单消息
LIKE'%$ search_word%'”);
$ record_count =mysqli_num_rows($ sql);
//显示计数.........echo$ record_count;
?>
db.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);
?>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。