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

发布时间：2020-08-07 13:33:07 来源：ITPUB博客阅读：282 作者：cenfeng 栏目：web开发

你有没有看到这个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或用户会话值。

{

$（' ＃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 ）;
？>

向AI问一下细节

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

猜你喜欢

最新资讯

相关推荐

相关标签