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

       在上一篇备忘日历实例中，实现了当鼠标放在某个日期上时，如果当天有备忘信息则会显示出来，但是这些信息是为了测试方便事先写在数组中的数据，不能体现其实时性。本篇将继续通过该实例讲解与数据库的交互方式。实例中用到的是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”事件并加载到当前页面。

源代码下载