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页面立即建立一切种类的数据库查询程序运行。
开心的编号,别忘记喜爱这一实例教程!