关于bootstrap页面渲染的问题解决
2017-05-26 22:02
267 查看
本人不擅长前台,写此文只是讲一下我解决页面渲染的一个小的解决办法,或许这个方法大家早知道了,但是应该还会有像我一样还在纠结的小伙伴,帮助一下像我一样的不擅长前台的童鞋。
这几天正在做一个后台管理的小项目,从网上找了个基于bootstrap的ui模板,参考了一般系统的做法,都是上面一个navbar,左侧一个目录树,然后空出来的一大片地方放置内容。然后各种把每个区域都提出去,弄成一个一个的小文件,然后include到一个大文件中。
当做到内容区域的时候就在考虑,内容是放在iframe中进行局部渲染,还是像网上有些框架那样,每个页面都include navbar,目录树?如果每个页面都包含了同样的目录树,那刷新页面的时候就是整页面刷新,这个不是我想要的;然后去网上查了一下,一些人说bootstrap框架可以用iframe,但是强烈不建议使用,可能出现各种各样的问题。(专门试了一版iframe的,确实是与人家的模板样式差很远)
于是就各种实验,无意中看到一个介绍局部刷新div的方法,也就是用ajax去请求一个页面
这里的menuUrl可以是一个html页面的路径,也可以是一个***.do,然后跳转到一个页面,回调函数里面的data就是你请求的那个页面,成功之后只需要获取页面上的一个div,然后将返回的html代码拼接到那个div中即可。点击目录的节点时候只需要调用这个方法,然后将对应的url传入这个方法即可。
有什么不对的地方请各位小伙伴指出,^_^
这几天正在做一个后台管理的小项目,从网上找了个基于bootstrap的ui模板,参考了一般系统的做法,都是上面一个navbar,左侧一个目录树,然后空出来的一大片地方放置内容。然后各种把每个区域都提出去,弄成一个一个的小文件,然后include到一个大文件中。
当做到内容区域的时候就在考虑,内容是放在iframe中进行局部渲染,还是像网上有些框架那样,每个页面都include navbar,目录树?如果每个页面都包含了同样的目录树,那刷新页面的时候就是整页面刷新,这个不是我想要的;然后去网上查了一下,一些人说bootstrap框架可以用iframe,但是强烈不建议使用,可能出现各种各样的问题。(专门试了一版iframe的,确实是与人家的模板样式差很远)
于是就各种实验,无意中看到一个介绍局部刷新div的方法,也就是用ajax去请求一个页面
var menuClick = function (menuUrl) { $.get(menuUrl,function (data) { alert(data); $("#mainframe").html(data); }); };
这里的menuUrl可以是一个html页面的路径,也可以是一个***.do,然后跳转到一个页面,回调函数里面的data就是你请求的那个页面,成功之后只需要获取页面上的一个div,然后将返回的html代码拼接到那个div中即可。点击目录的节点时候只需要调用这个方法,然后将对应的url传入这个方法即可。
有什么不对的地方请各位小伙伴指出,^_^
相关文章推荐
- 基于bootstrap页面渲染的问题解决方法
- 提个问题,求高手解决,关于页面上的属性值问题
- 关于页面中body onload 和 window.onload 冲突的问题的解决
- 运用webkit绘制渲染页面原因解决iscroll4闪动的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- 关于jsp页面post传值汉字乱码的问题解决办法
- 解决关于页面空间disable之后服务器端取值问题
- 关于shtml页面include问题解决方案因为utf-8的BOM头引起的出现一个空行
- 转:关于shtml页面include问题解决方案
- 关于shtml页面include问题解决方案
- 关于页面中body onload 和 window.onload 冲突的问题的解决
- 解决关于页面空间disable之后服务器端取值问题
- 关于extjs中的tabpanel的刷新等若干问题,解决tabpanel内页面刷新,更新数据等问题。
- 关于php页面最大执行时间问题(set_time_limit函数在windows下不起作用的解决)
- 关于php页面最大执行时间问题(set_time_limit函数在windows下不起作用的解决)
- 关于页面中body onload 和 window.onload 冲突的问题的解决
- 关于weblogic apache 的页面跳转问题(已解决)
- 解决google maps api阻塞页面渲染的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- C#中关于updatePanel与freeTextBox不兼容的问题 当页面刷子新后,ftb不能输入内容的解决办法