SEO教程

seo最新教程资料:HTML静态页面的另一面你知道吗?

作者:seo指南 2020-06-01

认为HTML页面只能是静态的......再想一想!查看使用HTML页面进行简单动态操作的示例。根据静态页面的定义- “它显示...

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页面立即建立一切种类的数据库查询程序运行。

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

1.本站(SEO指南)遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创SEO文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 重庆企业seo教程影响网站关键词优化链接设置方

    重庆企业seo教程影响网站关键词优化链接设置方

  • 苏州seo排名优化系统网站链接教程2大错误观点

    苏州seo排名优化系统网站链接教程2大错误观点

  • 佛山seo网站推广电子商务链接优化质量教程诀窍

    佛山seo网站推广电子商务链接优化质量教程诀窍

  • 上海seo优化网站中内外/死链/友链作用教程

    上海seo优化网站中内外/死链/友链作用教程