seo最新教程资料，觉得HTML页面只有是静态数据的......再想一想！查询应用HTML页面开展简易动态操作的实例。

依据静态页面的界定- “它显示信息的信息与储存的完全一致”。因而，假如要搭建一个显示信息数据库查询信息的页面（动态），那麼您将应用服务端页面，如.php / .aspx / .cshtml。

作为一名互联网开发者，我经常听见“HTML页面是一个静态页面，因此它不可以用以显示信息动态內容。” 这听起来很公平公正，但并不完全的正确。另一面你知道吗？使我们探讨为何HTML页面并不是真实的静态页面。

seo最新教程资料，应用HTML页面开展简易动态操作

使我们应用HTML页面开展简易而强劲的操作。这里，我将建立一个客户能够定阅blog的作用。这一作用在互联网技术上很普遍！

您将有着“键入”和“按钮”控制。客户将键入他/她的电子邮箱并点击按钮。点击该按钮，他/她的电子邮箱应储存在数据库表中，他/她应当接到一条谢谢信息。

HTML页面编码：

<input id="email" placeholder="Email Address" /><button id="seo最新教程网盘: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页面将接受电SEO技术子邮箱值。

该“数据信息”值（见jQuery的AJAX编码），将根据电子邮箱的客户填好键入操纵值。

AJAX恳求取得成功完工了将启用的“ success”回调函数。我还在此回调函数中从PHP页面接受回到的值，随后将其放到“ message ”div中。

假seo最新教程网盘:如在AJAX启用期内出現一些不正确，则启用“ 不正确”回调函数。

最终PHP页面......

<？PHP$ email = $ _REQUEST ['email'];//开展数据库查询操作并在电子邮箱中插进电子邮箱值。//假如插进操作取得成功，则回显“您已定seo最新教程网盘:阅”。//其他“出了点难题。再试一次。”//我假定操作取得成功，因此回到//“你定阅了。” 返回jQuery AJAX方式的信息。回音“感谢！”;？>

PHP页面接受电子邮箱值，将其插进数据库查询，随后送回感谢信息。

编码一部分告一段落。如今，假如一切Web开发者告诉你HTML页面不可以用以显示信息动态內容，请文明礼貌地告知那人，“你错了，也有另一种方法！”

应用jQuery AJAX，HTML页面能够像网络服务器页面一样工作中。您能够应用它，从HTML页面立即建立一切种类的数据库查询程序运行。

开心的编号，别忘记喜爱这一实例教程！