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

在备忘日历实例中，实现了当鼠标放在某个日期上时，如果当天有备忘信息则会显示出来，但是这些信息是为了测试方便事先写在数组中的数据，不能体现其实时性。本篇将继续通过该实例讲解与数据库的交互方式。实例中用到的是MySQL，也可以根据自己的需要替换为其

       在备忘日历实例中，实现了当鼠标放在某个日期上时，如果当天有备忘信息则会显示出来，但是这些信息是为了测试方便事先写在数组中的数据，不能体现其实时性。本篇将继续通过该实例讲解与数据库的交互方式。实例中用到的是MySQL，也可以根据自己的需要替换为其他数据库，其连接方式可以参考PHP相关手册。

       在下面源程序包中dbconnector.php 提供了与MySQL的连接函数。

<span></span>php
<span>//定义数据连接变量</span>
define ("<span>MYSQLHOST</span>", "<span>localhost</span>");
define ("<span>MYSQLUSER</span>", "<span>root</span>");
define ("<span>MYSQLPASS</span>", "<span>root</span>");
define ("<span>MYSQLDB</span>", "<span>test</span>");

function opendatabase(){
  <span>//连接数据库所在服务器</span>
  $db = mysql_connect (MYSQLHOST,MYSQLUSER,MYSQLPASS);
  try {
    if (!$db){
      <span>//若无法连接则提示错误</span>
       $exceptionstring = "<span>Error connection to database: <br></span>";
      $exceptionstring .= mysql_errno()."<span>: </span>".mysql_error();
      throw new exception ($exceptionstring);
    }
    else{
     <span>//连接数据库（test）</span>
      mysql_select_db (MYSQLDB,$db);
    }
    return $db;
  }catch (exception $e){
    echo $e->getmessage();
    die();
  }
}
<span>?></span>

 

       当鼠标放到某个日期上时会调用functions.js中的checkfortasks函数。同时checkfortasks会加载taskchecker.php程序，它会到MySQL中查询该日期下所有的备忘录信息，并将结果返回到页面中。

<span></span>php
<span>//调用数据库连接程序</span>
require_once ("<span>dbconnector.php</span>");
<span>//连接数据库</span>
$db = opendatabase();
<span>//在MySQL查询备忘录</span>
$querystr = "<span>SELECT description FROM task <br>             WHERE thedate='</span>" . addslashes ($_GET['<span>thedate</span>']) . "<span>'</span>";
<span>//执行SQL</span>
if ($datequery = mysql_query ($querystr)){
  <span>//判断查询是否有值</span>
  if (mysql_num_rows ($datequery) > 0){
<span>?></span>
  <span><span>div</span> <span>style</span>=<span>"width: 150px; background: #FFBC37; border-style: solid; <br>              border-color: #000000; border-width: 1px;"</span><span>></span>
    <span><span>div</span> <span>style</span>=<span>"padding: 10px;"</span><span>></span>
<span></span>php
    <span>//显示备忘录信息</span>
    while ($datedata = mysql_fetch_array ($datequery)){
      if (!get_magic_quotes_gpc()){
        echo stripslashes ($datedata['<span>description</span>']);
      }
      else{
        echo $datedata['<span>description</span>'];
      }
    }
<span>?></span>
    <span></span><span>div</span><span>></span>
  <span></span><span>div</span><span>></span>
<span></span>php
  }
} 
else{
  <span>//数据库查询错误 </span>
  echo mysql_error();
}
<span>//关闭数据库</span>
mysql_close ($db);
<span>?></span></span></span>

 

       对于Ajax的使用和的原理是一样的：1. 通过事件调用Ajax函数；2. 通过函数请求其他PHP程序，PHP程序中可以对数据库之类的数据源进行读、写、改操作；3. 将处理结果加载到事件激发页面。在下图中鼠标放到26号时，Ajax会在MySQL中查询到“Football Match”事件并加载到当前页面。

源代码下载