网页源代码不完整：隐藏代码？

Question

我试图通过浏览浏览器（Chrome）来了解this login page的工作原理。

源链接到一些CSS，图片和通用JavaScript库。除了一开始的一点jQuery（用于更改语言），我不明白为什么页面不仅仅是死HTML元素。

例如，如果我使用空的用户名和密码单击“登录”，则会显示消息“您输入的用户名或密码不正确”。出现。但我无法在源中看到定义此类行为的任何地方。

我错过了什么？

Answer 1

您正在观察的活动是<form>元素的核心功能之一。提交form后，用户的浏览器将定向到表单中action属性定义的页面。除了将用户定向到此页面之外，表单中包含的所有input都将作为变量传递给Web服务器。

提交表单的一种方法是在表单中包含input类型的submit元素，这是网页设计师在此处所做的。当调用submit元素时（例如，通过点击），表单就会被提交。

Answer 2

jQuery / Javascript没有显示您看到的消息。

请注意，当您单击“登录”按钮时，页面会提交您的请求。 这意味着服务器端代码开始运行，您无法看到代码。

此服务器端代码处理您的输入并生成您看到的错误消息。

Answer 3

单击“登录”按钮时，表单将提交给服务器，服务器将返回包含该消息的新HTML。其逻辑在服务器端代码中定义，您无法从外部看到。 “查看源”仅显示服务器输出的内容。

Answer 4

我觉得这个页面简直令人耳目一新。 您可以通过在Chrome控制台中打开网络选项卡并在提交空表单时观看它来确认这一点。

感谢http资产缓存，这个似乎就像页面没有刷新一样 - 但chrome的网络标签确认了它。