为了清楚的说明使用 Ajax 从数据库中存取信息有多么容易，我们要构建一个 MySQL 查询，然后把结果显示在ajax.html 上。但是在我们开始之前，让我们先做一些基础工作。使用下面的命令创建一个数据表。

注意： 我们假设你有足够的权限执行以下 MySQL 操作。

CREATE TABLE 'Ajax_example' (   'name' varchar(50) NOT NULL,   'age' int(11) NOT NULL,   'sex' varchar(1) NOT NULL,   'wpm' int(11) NOT NULL,   PRIMARY KEY  ('name'))

然后使用下面的 SQL 语句把下列数据存到这个表中：

INSERT INTO 'Ajax_example' VALUES ('Jerry', 120, 'm', 20);INSERT INTO 'Ajax_example' VALUES ('Regis', 75, 'm', 44);INSERT INTO 'Ajax_example' VALUES ('Frank', 45, 'm', 87);INSERT INTO 'Ajax_example' VALUES ('Jill', 22, 'f', 72);INSERT INTO 'Ajax_example' VALUES ('Tracy', 27, 'f', 0);INSERT INTO 'Ajax_example' VALUES ('Julie', 35, 'f', 90);

客户端 HTML 文件

现在让我们来建立客户端的 HTML 文件，也就是 ajax.html，它包含如下代码：

 

     
          Max Age: 
       
      
    Max WPM: 
       
      
    Sex:     
            m      f        
      
     
     
      结果会显示在这里。
     

 

注意： 在查询中传递变量的方法取决于 HTML 标准以及我们使用哪种形式。

URL?variable1=value1;&variable2=value2;

上面的代码会显示一个如下所示的屏幕显示：

注意： 这还是一个模拟的屏幕显示，它还不能工作。

 

 

获取到条目之后结果会显示在这个部分。

注意： 这里是一个模拟的屏幕显示。

服务端 PHP 文件

客户端脚本已经准备就绪。现在，我们必须编写服务端脚本，它会从数据库中提取 age，wpm 和 sex，然后把它们发送回客户端。请把下面的代码放到 "ajax-example.php" 中。

1 
     ";37 $display_string .= "";38 $display_string .= "Name";39 $display_string .= "Age";40 $display_string .= "Sex";41 $display_string .= "WPM";42 $display_string .= "";43 44 // 针对返回的每个 person 条目在表格中插入一个新行45 while($row = mysql_fetch_array($qry_result)){46     $display_string .= "";47     $display_string .= "$row[name]";48     $display_string .= "$row[age]";49     $display_string .= "$row[sex]";50     $display_string .= "$row[wpm]";51     $display_string .= "";52 }53 54 echo "Query: " . $query . "
";55 $display_string .= "";56 57 echo $display_string;58 ?>

现在可以尝试在 Max Age 或者其他输入框中输入一个有效的值（比如 120），然后点击 Query MySQL 按钮。

获取到条目之后结果将会显示在这个部分

如果你成功完成这一课，那么你就知道如何串联使用 MySQL，PHP，HTML 和 JavaScript 编写 Ajax 应用程序了。