要实现的效果如下:
目前的实现方式:
前台:
$.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)
D
引用 lengshuiyulangcn为什么不把导航作为layout固定死然后在后台渲染部分模版。
@lengshuiyulangcn 我们目前就是这么做的，不过左边导航选中的状态是通过什么方式保持的；我们用的是后台传回来的值（比如是这个类别，然后左边导航用指定变量来渲染选中状态）- -
T
X
S
@xiaoxi-- 那么我如何利用ajax动态改变101,<%-include 101%>这个div呢内容?
X
ejs页面使用div对页面进行分割
aaaaaa
..................
<%- include 101 %>
.....................
bbbbbbbbbbbbb
整个页面 aaaaa bbbbb时固定的 <%- include 101 %> 会根据你的操作而变化
S
电脑上浏览器访问没任何问题，手机访问就出现整个页面消失，不知是何原因？
Z
ajax只操作了内容区域，怎么会导致整个页面消失？
L
为什么不把导航作为layout固定死然后在后台渲染部分模版。
A
S
怎么没人帮解决一下呢?
参与回复
登录后即可参与回复。登录