用ajax还是用iframe来加载页面

最新推荐文章于 2021-08-05 12:21:42 发布
原创 最新推荐文章于 2021-08-05 12:21:42 发布 · 311 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了使用AJAX加载内容至tab或窗口与传统IFrame加载方式的区别。重点分析了这两种方法在实现机制上的不同，以及它们在内存消耗、加载速度等方面的优劣。
最近在一个项目中，发现所有的tab，win等都是用ajax访问jsp后返回再加载到tab或win中，就好似用extjs一样，就好似全部堆到一个页面里去操作一样，与传统的用iframe来加载不一样的，想请问一下：

1，这样做的好处与坏处是什么？
2，内存，速度等方面又是谁劣谁优？
.....

谢谢！！
chunran
关注
精选资源
用iframe设置代理解决ajax跨域请求问题
01-19
方案：在服务器端创建一个静态的代理页面，在客户端用iframe调用这个代理，然后通过iframe的document.getElementById(“proxy”).contentWindow对象来请求ajax。 服务器端的代理页面： 代码如下: <!DOCTYPE ...
JS iFrame加载慢怎么解决
10-22
在探讨JavaScript中iFrame加载缓慢的问题时，我们会遇到一些常见的性能瓶颈和解决方案。首先，理解iFrame加载的工作机制对于找到合适的解决方案至关重要。iFrame是HTML中的一个元素，它能够将另一个HTML文档嵌入到...
jquery插件:ajax和iframe加载提示效果1.1版
05-05
我的博客地址 http://blog.youkuaiyun.com/qq413041153/article/details/7397622 更新日志2012-05-05： 修复了几个bug： 1，iframe在没有指定宽和高时默认全屏的bug 2，当iframe隐藏时的错误显示效果 3，当iframe以tab标签的方式显示时，由于tab标签切换执行也需要一段时间，造成的获取的iframe的高和宽不是最终的高和宽 4，其他细微调整。 草草增加了一个例子。和新版本打包在一起。 遗留问题： 1，不支持多个iframe同时异步加载， 2，不支持自定义加载效果图片 3，ajax不支持指定对象加载效果。
栏目跳转 用iframe加载页面 ajax加载页面在div中
ming_lian的博客
05-26 4784
service配置： public Channel getById(long id); public List getByParentId(long plateId); serviceIpml配置： public List getByParentId(long plateId){ List oneList = channelMapper.getByParentI
Tab页界面，用jQuery及Ajax技术实现
张庆（网眼）
09-19 1065
    从桌面开发的时代开始，Tab页就是一个优异的界面布局形式，兼有菜单的样式和充分复用有限的界面的优点。    到了B/S开发时代，网页前端布局也把Tab页的布局形式吸收了过来。特别是和Ajax技术结合起来，可以更充分发挥Tab页的良好表现力和数据缓存的优势，是一种良好的网页布局形式。    网上的Tab页代码很多，实现也大同小异 ，但代码都显得凌乱，若要真的用的话，必须费劲的吃透它，才能进行
ajax刷新iframe页面,通过iframe实现简单的ajax表单提交
weixin_39758696的博客
08-05 552
之前做项目都是用现成的jquery插件实现表单的校验以及ajax提交，但是今天有个简单的头像图片ajax上传，以及一个很简单的表单提交，实在不想引入一个插件了，本着代码量最小，最简单的原则，照着豆瓣照抄了一个，基于jquery搞的一个简单的基于iframe的ajax表单提交功能，也就是通过隐藏的iframe上传图片的功能。原理很简单，就是在iframe里处理提交的表单的返回值，并且做出相应处理，从...
ajax和iframe区别
weixin_30265103的博客
03-18 346
ajax和iframe https://segmentfault.com/a/1190000011967786 ajax和iframe的区别 1.都是局部刷新 2.iframe是同步的，而ajax是异步的 3ifame可会退，ajax不可会退 4i.iframe可跨域，ajax不可跨域 转载于:https://www.cnblogs.com/mttcug/p/8...
基于iframe实现类似于ajax的页面无刷新
09-04
这时，我们可以利用`iframe`来实现类似Ajax的效果，即基于iframe的页面无刷新提交。 `iframe`（Inline Frame）是HTML中的一个元素，用于在当前文档中嵌入另一个文档。通过设置`iframe`的`name`属性，我们可以将表单...
Ajax 动态载入html页面后不能执行其中的js快速解决方法
10-18
然而，一个常见的问题是在使用Ajax动态载入HTML页面后，其中的JavaScript代码可能无法正常执行。这是因为默认情况下，Ajax加载的HTML片段被视为静态内容，浏览器不会执行其中的脚本。本文将详细讲解这个问题的解决...
使用jQuery和ajax代替iframe的方法(详解)
10-20
3. 在页面中加载内容：可以在页面加载完成后自动加载内容，也可以绑定事件，如按钮点击，来触发内容的加载。例如： ```javascript $(document).ready(function() { // 页面加载完成后，自动加载内容 $.ajax({ ...
iframe和Ajax哪个好?iframe与Ajax有什么区别?
古老的未来
07-21 1427
转自：https://zhidao.baidu.com/question/585530826.html 当然，仁者见仁，智者见智。 一、网页的布局上 iframe包含了一个整个网页，通常，在布局网页的时候，我们经常要用到它。这样会使网页的制作显得很自然而且方便管理。 Ajax通常是在网页中某个小部分需要改变的时候用到的，它在改变网页内容的时候快速而精巧。在需要改变网页上几个字的时候，我们一般
javascript 使用iframe模拟ajax的具体原理
weixin_34220623的博客
11-24 306
2019独角兽企业重金招聘Python工程师标准>>> ...
使用jQuery和ajax代替iframe
热门推荐
风火一回，一生不毁
09-07 2万+
iframe虽然好用，但是其弊端也很明显，一是它不能使用于响应式布局，iframe的使用必须指定高度，而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读，特别是iframe中嵌套iframe，这是会被搜索引擎认为是个死网站而被放过。 目前主流的应用都使用了ajax代替了iframe。 html： 首页 新闻 留言 资料下载 代替iframe的div：
判断页面是否在iframe中，
weixin_30414245的博客
12-29 419
//判断页面是否在iframe中,是的话就跳出iframe框，多用于登录页 ，将此段代码放到要做判断的页面上即可 if (window != top) { top.location.href = location.href; } 　　 转载于:https://www.cnblogs.com/qqing/p/8143689.html...
Jquery - iframe内的ajax异步请求无法获得返回内容
阿斌(Ben)的博客
05-19 1327
原文地址：https://blog.youkuaiyun.com/qq_41802303/article/details/80067344
jQuery插件实现Ajax与iframe加载遮罩效果
标题中的“jquery插件:ajax和iframe加载提示效果”指出了这是一个利用jQuery框架开发的插件，主要用途是为ajax请求和iframe加载提供视觉上的加载提示效果。描述部分表明这是一个作者首次发布的插件，并邀请用户提出...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值