快捷導(dǎo)航

Ajax PHP 邊學(xué)邊練之三數(shù)據(jù)庫

更新時間：2009年11月26日 01:29:05 作者：

在上一篇備忘日歷實例中，實現(xiàn)了當(dāng)鼠標(biāo)放在某個日期上時，如果當(dāng)天有備忘信息則會顯示出來，但是這些信息是為了測試方便事先寫在數(shù)組中的數(shù)據(jù)，不能體現(xiàn)其實時性。

本篇將繼續(xù)通過該實例講解與數(shù)據(jù)庫的交互方式。實例中用到的是MySQL，也可以根據(jù)自己的需要替換為其他數(shù)據(jù)庫，其連接方式可以參考PHP相關(guān)手冊。

在下面源程序包中dbconnector.php 提供了與MySQL的連接函數(shù)。

復(fù)制代碼代碼如下:

 
<?php 
//定義數(shù)據(jù)連接變量 
define ("MYSQLHOST", "localhost"); 
define ("MYSQLUSER", "root"); 
define ("MYSQLPASS", "root"); 
define ("MYSQLDB", "test"); 

function opendatabase(){ 
//連接數(shù)據(jù)庫所在服務(wù)器 
$db = mysql_connect (MYSQLHOST,MYSQLUSER,MYSQLPASS); 
try { 
if (!$db){ 
//若無法連接則提示錯誤 
$exceptionstring = "Error connection to database: <br />"; 
$exceptionstring .= mysql_errno().": ".mysql_error(); 
throw new exception ($exceptionstring); 
} 
else{ 
//連接數(shù)據(jù)庫（test） 
mysql_select_db (MYSQLDB,$db); 
} 
return $db; 
}catch (exception $e){ 
echo $e->getmessage(); 
die(); 
} 
} 
?> 

當(dāng)鼠標(biāo)放到某個日期上時會調(diào)用functions.js中的checkfortasks函數(shù)。同時checkfortasks會加載taskchecker.php程序，它會到MySQL中查詢該日期下所有的備忘錄信息，并將結(jié)果返回到頁面中。

復(fù)制代碼代碼如下:

 
<?php 
//調(diào)用數(shù)據(jù)庫連接程序 
require_once ("dbconnector.php"); 
//連接數(shù)據(jù)庫 
$db = opendatabase(); 
//在MySQL查詢備忘錄 
$querystr = "SELECT description FROM task WHERE thedate='" . addslashes ($_GET['thedate']) . "'"; 
//執(zhí)行SQL 
if ($datequery = mysql_query ($querystr)){ 
//判斷查詢是否有值 
if (mysql_num_rows ($datequery) > 0){ 
?> 
<div style="width: 150px; background: #FFBC37; border-style: solid; border-color: #000000; border-width: 1px;"> 
<div style="padding: 10px;"> 
<?php 
//顯示備忘錄信息 
while ($datedata = mysql_fetch_array ($datequery)){ 
if (!get_magic_quotes_gpc()){ 
echo stripslashes ($datedata['description']); 
} 
else{ 
echo $datedata['description']; 
} 
} 
?> 
</div> 
</div> 
<?php 
} 
} 
else{ 
//數(shù)據(jù)庫查詢錯誤 
echo mysql_error(); 
} 
//關(guān)閉數(shù)據(jù)庫 
mysql_close ($db); 
?> 

對于Ajax的使用和上一篇的原理是一樣的：1. 通過事件調(diào)用Ajax函數(shù)；2. 通過函數(shù)請求其他PHP程序，PHP程序中可以對數(shù)據(jù)庫之類的數(shù)據(jù)源進行讀、寫、改操作；3. 將處理結(jié)果加載到事件激發(fā)頁面。在下圖中鼠標(biāo)放到26號時，Ajax會在MySQL中查詢到“Football Match”事件并加載到當(dāng)前頁面。