javascript跨域刷新实现代码_javascript技巧
程序员文章站
2022-05-23 20:42:12
...
三个页在同一个窗口,分别为main.htm,left.htm和right.htm。
main.htm
实现跨
left.htm
左边
right.htm
右边
看到right.htm里面
function onclickRefresh()通过 parent.frames["left"].location.refresh();来实现右边页面刷新左边页面.
如果在主页面加
则可以通过主页面刷新子页面。
虽然这样可以超级简单的实现的目的,但是实际项目中,数据不会是这么简单的,最常见是左\右树,目录树的创建加载(如创建一千个节点)本来就是比较耗资源。如果还是通过方式来刷新左右页面,效率之低可见而知,那么是不是可以通过其他方式来实现跨域刷新或者提交呢?
我所想到的是通过ajax实现数据局部加载。而不是整个树的加载。另外通过jquery的json处理方式也可实现局部数据的更新。
不知道还有没有其他更高效的方法?1000个节点的树加载,效率值得思考的问题。
main.htm
复制代码 代码如下:
主窗口
left.htm
复制代码 代码如下:
我是左边
right.htm
复制代码 代码如下:
看到right.htm里面
function onclickRefresh()通过 parent.frames["left"].location.refresh();来实现右边页面刷新左边页面.
如果在主页面加
复制代码 代码如下:
则可以通过主页面刷新子页面。
虽然这样可以超级简单的实现的目的,但是实际项目中,数据不会是这么简单的,最常见是左\右树,目录树的创建加载(如创建一千个节点)本来就是比较耗资源。如果还是通过方式来刷新左右页面,效率之低可见而知,那么是不是可以通过其他方式来实现跨域刷新或者提交呢?
我所想到的是通过ajax实现数据局部加载。而不是整个树的加载。另外通过jquery的json处理方式也可实现局部数据的更新。
不知道还有没有其他更高效的方法?1000个节点的树加载,效率值得思考的问题。
下一篇: opencart分析
推荐阅读
-
JS关键字变色实现思路及代码_javascript技巧
-
只需一行代码,轻松实现一个在线编辑器_javascript技巧
-
Js 刷新框架页的代码_javascript技巧
-
js或者jquery判断图片是否加载完成实现代码_javascript技巧
-
扩展javascript的Date方法实现代码(prototype)_javascript技巧
-
原生javascript实现图片轮播效果代码_javascript技巧
-
jQuery实现可收缩展开的级联菜单实例代码_javascript技巧
-
js 图片随机不定向浮动的实现代码_javascript技巧
-
Javascript 刷新全集常用代码_javascript技巧
-
Javascript实现跨域后台设置拦截的方法详解