ajax - 使用 iframe 和 ajax 包含外部页面的内容有什么区别？

Question

我一直在阅读这方面的内容，似乎如果您使用 ajax，您只能引入驻留在同一域中的内容，而使用 iframe，您可以引入来自任何域的内容。是这样吗？还有哪些其他区别？

Answer 1

请记住，它们是两种完全独立的技术。

(i)frame 确实将一个完整的 HTML 页面加载到浏览器中。对于纯粹的查看而言，页面是否位于同一域或另一个域并不重要。

Ajax 仅描述了一种促进 JavaScript 与服务器(在当前跨浏览器的安全限制下，只能与)进行对话的系统，您在该服务器中记录了生成 JavaScript 调用的服务器。

(i)frame 技术从任何给定的 URL 加载并呈现完整的 HTML 页面。使用 JavaScript 从其他域访问其他文档的某些安全限制仍然适用。

对于 Ajax，它仅意味着使用纯粹的 JavaScript 与原始服务器通信(发送一些数据)并通常获取一些数据。在 JavaScript 中。这些数据是什么以及您如何使用它取决于您。是否将其插入 DOM(文档对象模型)、交换部件或加载新页面都取决于您。

在某种程度上，你拥有你想要的所有自由。您可以在页面上有一个 (i) 框架，仍然进行 Ajax 调用并决定将另一个 URL 加载到 (i) 框架中。或者使用 Ajax 返回值在 (i)frame 内动态生成新的 HTML。或者在外面的另一个文档中。

在这种情况下应用的安全限制称为“同源策略”。