根据静态页面的定义- “它显示的信息与存储的完备同等”。因此，如果要构建一个显示数据库信息的页面（动态），那么您将利用做事器端页面，如.php / .aspx / .cshtml。
作为一名网络开拓职员，我常常听到“ HTML页面是一个静态页面，以是它不能用于显示动态内容。” 这听起来很公正，但并不完备精确。让我们谈论为什么HTML页面不是真正的静态页面。
利用HTML页面进行大略动态操作
让我们利用HTML页面进行大略而强大的操作。在这里，我将创建一个用户可以订阅博客的功能。这个功能在互联网上很常见！
您将拥有“输入”和“按钮”控件。用户将输入他/她的电子邮件并单击按钮。单击该按钮，他/她的电子邮件应存储在数据库表中，他/她该当收到一条感谢信息。
HTML页面代码：
<input id=\"大众email\公众 placeholder=\"大众Email Address\"大众 />
<button id=\"大众submit\"大众>Submit</button>
<div id=\"大众message\"大众></div>
把稳：末了的（感激）将显示在“message”div中。
使HTML页面动态化
现在的问题是，“如何在数据库中插入电子邮件并显示感谢信息？” 答案是通过 jQuery AJAX 方法。
这是紧张的捕获！
利用jQuery AJAX，我可以将电子邮件值发送到PHP页面，然后这个PHP页面将它插入到数据库中，然后返回感谢信息。
我将在按钮单击 事宜上调用jQuery AJAX方法，并将电子邮件值发布到PHP 页面。
下面是我们的jQuery AJAX代码：
$(\"大众#submit\公众).click(function (e) {
$.ajax({
type: \"大众POST\"大众,
url: \"大众result.php\"大众,
contentType: \"大众application/json; charset=utf-8\"大众,
data: '{\"大众email\"大众:\"大众' + $(\"大众#email\"大众).val() + '\公众}',
success: function (msg) {
$(\"大众#message\"大众).html(msg);
},
error: function (req, status, error) {
alert(req + \"大众 \"大众 + status + \"大众 \公众 + error);
}
});
return false;
});
解释：在上面的jQuery AJAX方法代码中，我将 “ url ”键通报给 “ result.php ” 页面。此PHP页面将吸收电子邮件值。
该“数据”值（见jQuery的AJAX代码），将通过电子邮件的用户填写输入掌握值。
AJAX要求成功完成时将调用的“ success ”回调函数。我在此回调函数中从PHP页面吸收返回的值，然后将其放在“ message ”div中。
如果在AJAX调用期间涌现一些缺点，则调用“ 缺点 ”回调函数。
末了PHP页面......
<？PHP
$ email = $ _REQUEST ['email'];
//进行数据库操作并在电子邮件中插入电子邮件值。
//如果插入操作成功，则回显“您已订阅”。
//别的“出了点问题。再试一次。”
//我假设操作成功，以是返回
//“你订阅了。” 回到jQuery AJAX方法的。反应“感激！
”;
？>
PHP页面吸收电子邮件值，将其插入数据库，然后发回感激。
代码部分到此结束。现在，如果任何Web开拓职员见告您HTML页面不能用于显示动态内容，请礼貌地见告那个人，“你错了，还有另一种办法！
”
利用jQuery AJAX， HTML页面可以像做事器页面一样事情。您可以利用它，从HTML页面直接创建任何类型的数据库运用程序。
快乐的编码，不要忘却喜好这个教程！
