何时使用iframe、ajax()或load()

When to use iframe, ajax() or load()?

本文关键字:load ajax iframe 何时使      更新时间:2023-09-26

我知道iframe和ajax的比较已经被问过很多次了。但是我想添加好的jQuery load()函数,也问一下什么时候用哪一个。

我确信它们都有自己的特定功能,所以我不想知道哪个更快等等,我更渴望识别何时使用哪个从另一个页面检索数据?

<iframe>
load();
ajax();
  • 何时使用iframe?

From this answer by Manishearth

考虑到帧被弃用,AJAX有原点控制, iframes 这几乎是在你的页面中嵌入另一个页面的唯一方法。

GMail是由iframes。流畅的用户体验GMail(你仍然可以使用它当你的网络连接中断时,流畅的导航没有每次都必须重新加载)来自iframes。同样,这可能是在AJAX中实现,但是比较困难。

另一方面,iframe (CSRF, clickjacking等)的问题是现代开发商都知道,他们可以采取措施避免

- 何时使用Ajax?

表单验证

这几乎是不需要动脑筋的。表格显示出来的时候就好多了当你打字时,如果你填错了或没有。不得不去服务器然后返回一个错误消息不仅是旧的,它是缓慢的。将服务器验证保留在表单中,这很重要可访问性。但是对于那些能够支持Ajax的人,请告诉他们正确的方法走了。

评论

博客上的评论,甚至只是文章上的评论,都是Ajax的重要用途。评论可以随时更改,特别是当评论点击时评论按钮,很高兴看到评论立即出现页面。

过滤数据

如果你有一个包含大量数据的大表,一个很好的Ajax的应用程序是向表中添加过滤器和排序器。让你的Web表格更像Excel是非常有用的人。

民意调查

当你点击你的投票,民意调查就会切换到显示你结果。在您评论之前,About还不支持Ajax on我们的民意调查,但这肯定会很好。也许我们可以给about。com开发一个我们自己的"Ajax调用"

  • 何时使用load?

load而言,在我个人看来,它已经习惯了将文档加载到DOM中的任何元素中,但将具有相同的属性在跨域方面ajax优于iframe的缺点数据。当返回的结果是html时,可以使用load这提供了将结果直接呈现给DOM的选项元素


:

  • 何时使用AJAX

基本上,ajaxload之间的主要区别在于ajax有更多的options,可以在发布数据之前设置server + ajax可用于将data存储在服务器中type="POST"和从服务器返回的数据可能被篡改我们想要的方式不像load那样只能用来渲染数据。

总结-安全明智的ajax/load是好的,但如前所述,如果你知道使用iframe的安全漏洞,你也可以采取必要的预防措施来防止它们。

AJAX的用法和缺点