请问express+ejs如何实现左右结构局部刷新
发布于 10 年前 作者 skythinking 11581 次浏览 最后一次编辑是 8 年前 来自 问答

要实现的效果如下: 121.png 目前的实现方式: 前台: $.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.用手机访问,点击导航,整个页面消失 请问可以如何解决?

10 回复

怎么没人帮解决一下呢?

@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 我们目前就是这么做的,不过左边导航选中的状态是通过什么方式保持的;我们用的是后台传回来的值(比如是这个类别,然后左边导航用指定变量来渲染选中状态)- -

回到顶部