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

发布时间:2020-08-07 13:33:07 作者:cenfeng
来源:ITPUB博客 阅读:268
你有没有看到这个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 ); 
?>


推荐阅读:
  1. jquery 拖动div
  2. jquery显示和隐藏div特效demo

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

10秒 刷新 div

上一篇:JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)

下一篇:Python中的DataFrame模块学习

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》