如上图:点击正前方【系统】主菜单刷新左侧菜单,这类菜单怎控制好些,要是引入iframe是可能解决点击菜单只刷新iframe但有个问题是iframe体验效果太不太好,如果直点击每个菜单子项传标识编号的话,每个功能都要处理传比较麻烦,要是不传的话当点击某个子项目跳转时就整面刷新了,选择菜单特效就没了。
方案一:
1:右侧使用一个 div 作为内容显示区域的根
2:然后每次点击菜单发送 ajax 请求,特别注意,该请求返回来的数据为 html 片段,而不是 json 数据
3:html 片段返回以后,通过 jquery 将片段替换掉在第一步中使用 div 中已有内容
方案二:
1:通过常规页面跳转的方式来做
2:使用一个 js 在页面加载完成以后,控制一下菜单的显示状态,对于复杂的情况,例如操作多级菜单时,可能需要有变量作为辅助
用户可访问的网站前端采用方案二,后台管理采用方案一,建议加入俱乐部,里面有实际的代码可以参考