当前位置:首页 > 热点

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

你有没有看到这个Twitter搜索和Facebook显示最新的使用推特/帖子数量从数据库每10秒在页面顶部。 我用jQuery和Ajax开发了这样的每秒东西。 它只是自动简单的5行代码

例1:

Index.html 包含javascript和HTML代码。 看看 load(“record_cound.php”)

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

<脚本 类型=”  文本/ 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

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

每10秒钟打印一次“9lessons |编程”

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

<?每秒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 );  ?>

香港云服务器

分享到:

滇ICP备2023006006号-16