当前位置：当前位置：首页 >IT科技 >使用jQuery每10秒自动加载和刷新Div。正文

使用jQuery每10秒自动加载和刷新Div。

作者:IT科技类资讯　来源:应用开发　浏览:　【大 中 小】　发布时间:2025-11-05 06:23:41 评论数:

你有没有看到这个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 ）; ？>

站群服务器

免费转换PDF为Word的最佳方法（绝对免费的PDF转Word工具推荐）
电脑经常出现10061错误的原因及解决方法（深入探讨10061错误，帮助您解决电脑连接问题）