ITPub博客

首页 > 应用开发 > Javascript > 使用jQuery每10秒自动加载和刷新Div。

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

原创 Javascript 作者:cenfeng 时间:2019-07-17 18:22:52 0 删除 编辑
你有没有看到这个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 ); 
?>


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69933200/viewspace-2650889/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-06-18

  • 博文量
    119
  • 访问量
    66374