利用Jquery的ajax局部刷新实现菜单 导航栏效果
2019-03-07 15:52
429 查看
从easyui上复制一个布局
准备两个 页面 a.html 和 b.html
在west中写入代码
给a标签绑定带参数的函数,参数是要展示的页面
<a href="#" onclick="a('a.html')">北京</a><br /> <a href="#" onclick="a('b.html')">上海</a>
最后利用ajax 回调函数 填充 center的内容
function a(url){ $.get(url,function(data){ $("#center").html(data) }); }
相关文章推荐
- ajax、jquery、jquery模板实现异步表单,局部刷新
- Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)
- js 和Jquery 实现Ajax 局部刷新
- php jQuery . Ajax 实现局部刷新分页
- java结合jQuery.ajax实现左右菜单联动刷新列表内容
- 利用了jquery的ajax实现二级联互动菜单
- Ajax 的jquery与后台交互实现无刷新效果
- jQuery实现AJAX定时局部页面刷新
- AJAX(二)---局部刷新实现分页效果的实现
- 在JSF页面利用Ajax实现局部刷新
- 使用三层实现分页利用ajax实现无刷新的效果
- 利用了jquery的ajax实现二级联互动菜单
- php中利用ajax实现局部刷新
- jquery 实现页面局部刷新ajax做法
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)
- 通过jquery选择li菜单实现无刷新css效果
- 利用Ajax实现页面局部刷新
- 利用ajax实现简单的注册验证局部刷新实例
- 利用ajax实现局部刷新(简单的注册验证案例)