使用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問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

使用jQuery每10秒自動加載和刷新Div。

猜你喜歡

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

使用jQuery每10秒自動加載和刷新Div。

猜你喜歡

最新資訊

相關推薦

相關標簽