使用jQuery每10秒自動載入和重新整理Div。

cenfeng發表於2019-07-17
jQuery
你有沒有看到這個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/，如需轉載，請註明出處，否則將追究法律責任。

相關文章