快捷導(dǎo)航

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

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

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

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

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

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

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

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

當(dāng)鼠標(biāo)放到某個(gè)日期上時(shí)會(huì)調(diào)用functions.js中的checkfortasks函數(shù)。同時(shí)checkfortasks會(huì)加載taskchecker.php程序，它會(huì)到MySQL中查詢?cè)撊掌谙滤械膫渫浶畔?，并將結(jié)果返回到頁(yè)面中。

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

 
<?php 
//調(diào)用數(shù)據(jù)庫(kù)連接程序 
require_once ("dbconnector.php"); 
//連接數(shù)據(jù)庫(kù) 
$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ù)庫(kù)查詢錯(cuò)誤 
echo mysql_error(); 
} 
//關(guān)閉數(shù)據(jù)庫(kù) 
mysql_close ($db); 
?> 

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