成都网站建设设计

将想法与焦点和您一起共享

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

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

10余年的灵武网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整灵武建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“灵武网站设计”,“灵武网站推广”以来,每个客户项目都认真落实执行。

例1:

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

<脚本 类型=”  文本/ JavaScript的  “SRC =”  http://ajax.googleapis.com/ajax/ 
库/ jquery的/ 1.3.0 / jquery.min.js  “  >   
<脚本 类型=”  文本/ javascript  “  >
var auto_refresh =  setInterval
function  ()
{
$('  #load_tweets  ')。 load ('  record_count.php  ')。 fadeIn (“  慢  ”); 
} , 10000 );  //每10000毫秒刷新一次

 id =“  load_tweets  ”  >

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  “  >   
<脚本 类型=”  文本/ javascript  “  >
var auto_refresh =  setInterval
function  ()
{
$('  #load_tweets  ')。 load ('  record_count.php?q =  <?php  echo  $ search_word;   ?> ')。 fadeIn (“ 慢 ”); 
} , 10000 );  //每10000毫秒刷新一次

 id =“  load_tweets  ”  >


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

网站名称:使用jQuery每10秒自动加载和刷新Div。
网址分享:http://chengdu.cdxwcx.cn/article/piogjo.html