要实现的效果如下:
目前的实现方式:
前台:
$.ajax({
type:‘get’,
url:_url, //点击导航1,_url的值是:localhost:3000/admin/back/test
success:function(html){
if(html){
$(".content").empty().append(html);
} else{
console.log(“返回值为空”);
}
}
});
后台:
router.get(’/admin/back/test’, function (req, res) {
console.log(“进入-------”);
res.render(‘back/function1/function1’);
});
使用前端框架:bootstrap
问题描述:1.使用电脑浏览器可以实现局部刷新
2.用手机访问,点击导航,整个页面消失
请问可以如何解决?
怎么没人帮解决一下呢?
@skythinking 代码排版完全不想看
为什么不把导航作为layout固定死然后在后台渲染部分模版。
ajax只操作了内容区域,怎么会导致整个页面消失?
电脑上浏览器访问没任何问题,手机访问就出现整个页面消失,不知是何原因?
ejs页面使用div对页面进行分割 <div class=“x001a”> aaaaaa </div> <!–x001a–> … <div class=“x006a”> <%- include 101 %> </div> <!–x006a–> … <div class=“x0010a”> bbbbbbbbbbbbb </div> <!–x0010a–>
整个页面 aaaaa bbbbb时固定的 <%- include 101 %> 会根据你的操作而变化
@xiaoxi– 那么我如何利用ajax动态改变101,<%-include 101%>这个div呢内容?
@alsotang 哇哈哈哈,费劲
@lengshuiyulangcn 我们目前就是这么做的,不过左边导航选中的状态是通过什么方式保持的;我们用的是后台传回来的值(比如是这个类别,然后左边导航用指定变量来渲染选中状态)- -