Ajax & PHP 边学边练 之三 数据库

mil

　　在上一篇备忘日历实例中，实现了当鼠标放在某个日期上时，如果当天有备忘信息则会显示出来，但是这些信息是为了测试方便事先写在数组中的数据，不能体现其实时性。本篇将继续通过该实例讲解与数据库的交互方式。实例中用到的是MySQL，也可以根据自己的需要替换为其他数据库，其连接方式可以参考PHP相关手册。
　　在下面源程序包中dbconnector.php 提供了与MySQL的连接函数。
<?php
//定义数据连接变量
define ("MYSQLHOST", "localhost");
define ("MYSQLUSER", "root");
define ("MYSQLPASS", "root");
define ("MYSQLDB", "test");
function opendatabase(){
//连接数据库所在服务器
$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{
//连接数据库（test）
mysql_select_db (MYSQLDB,$db);
}
return $db;
}catch (exception $e){
echo $e->getmessage();
die();
}
}
?>
　　
　　当鼠标放到某个日期上时会调用functions.js中的checkfortasks函数。同时checkfortasks会加载taskchecker.php程序，它会到MySQL中查询该日期下所有的备忘录信息，并将结果返回到页面中。
<?php
//调用数据库连接程序
require_once ("dbconnector.php");
//连接数据库
$db = opendatabase();
//在MySQL查询备忘录
$querystr = "SELECT description FROM task
             WHERE thedate='" . addslashes ($_GET['thedate']) . "'";
//执行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{
//数据库查询错误
echo mysql_error();
}
//关闭数据库
mysql_close ($db);
?>
　　
　　对于Ajax的使用和上一篇的原理是一样的：1. 通过事件调用Ajax函数；2. 通过函数请求其他PHP程序，PHP程序中可以对数据库之类的数据源进行读、写、改操作；3. 将处理结果加载到事件激发页面。在下图中鼠标放到26号时，Ajax会在MySQL中查询到“Football Match”事件并加载到当前页面。

　　源代码下载