为了清楚地说明使用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,它将具有以下代码 :
Your result will display here
注意 : 在Query中传递变量的方式是根据HTTP标准并具有formA.
URL?variable1 = value1;&variable2 = value2;
上面的代码会给你一个下面给出的屏幕 :
在您输入后,您的结果将显示在此部分.
注意 : 这是一个虚拟屏幕.
服务器端PHP文件
您的客户端脚本已准备就绪.现在,我们必须编写我们的服务器端脚本,它将从数据库中获取年龄,wpm和性别,并将其发送回客户端.将以下代码放入文件"ajax-example.php".
";$display_string .= "";$display_string .= " ";// Insert a new row in the table for each person returnedwhile($row = mysql_fetch_array($qry_result)) { $display_string .= "Name ";$display_string .= "Age ";$display_string .= "Sex ";$display_string .= "WPM ";$display_string .= ""; $display_string .= " ";}echo "Query: " . $query . "$row[name] "; $display_string .= "$row[age] "; $display_string .= "$row[sex] "; $display_string .= "$row[wpm] "; $display_string .= "
";$display_string .= "";echo $display_string;?>
现在尝试在 Max Age 或任何其他框中输入有效值(例如120),然后单击Query MySQL按钮.
在您输入后,您的结果将显示在此部分.
如果您已成功完成本课程,那么你就知道如何使用MySQL,PHP,HTML和Javascript来编写AJAX应用程序.