为什么我在代码中看不到 Ajax 加载的内容？答案

【问题标题】：Why I can't see Ajax loaded content in code?为什么我在代码中看不到 Ajax 加载的内容？
【发布时间】：2013-06-30 06:13:32
【问题描述】：

我一直在想，为什么当我从 php 获得 ajax 响应并使用 innerHTML 将其加载到 div 时，我可以直观地看到内容，但在源代码下却什么都没有？

例如，这个网站http://www.hempatia.si/kategorija-pripomocki 使用 ajax 来加载内容，我仍然可以在源页面中看到产品。

提前感谢所有答案！

【问题讨论】：

因为“source”向您显示页面source。通过 AJAX 或 JavaScript 添加的内容不在 source 中。
在firefox上安装firebug（或者使用没有安装插件的chrome）然后右击页面并选择inspect element。您将看到被 javaScript 更改的 html。
谢谢，但我还是想知道我指定的网站是如何做到这一点的？
您在该网站上所做的某事会导致 Ajax 负载的示例是什么？我随机点击了几个链接，它们都重新加载了整个页面。请更具体地说明你做了什么。
这不是我的网站，而只是一个示例 :) 当您点击我提供的链接时，您可以在底部看到“下一页”的选项并按顺序排序（几个选项）。如果页面 onload 没有加载 ajax，他们怎么可能通过 ajax 订购或转到下一页？谢谢:)

【解决方案1】：

当您使用浏览器的“查看页面源代码”（或等效）选项时，它会显示页面首次加载时的原始源代码。

要查看反映页面当前状态的“源”，请使用浏览器的开发/调试工具（Chrome 或 IE 中的 F12；FF 中的 ctrl-shift-i）。

请注意，浏览器并没有真正维护“源”本身，当页面首次加载时，浏览器会解析原始源以创建页面的 DOM，并对 DOM 进行动态更改。

【讨论】：

【解决方案2】：

动态内容不会出现在 veiw 源中。为 Firefox 安装萤火虫。您可以查看该内容。

【讨论】：

【解决方案3】：

鼠标右击选择inspect元素你会看到ajax响应后的变化

【讨论】：