扫码关注官方订阅号
例如,我点击newslist时页面无刷新在右侧呈现的是新闻列表,goodslist呈现的是商品列表。用frame做的时候可以分别做header控制器、left控制器、right控制器,用src就可以包含进来,如果用ajax的话,怎么做呢?
光阴似箭催人老,日月如移越少年。
同问,最近在做一个后台。每次点击导航栏都会整个页面刷新。
内容区域直接用 <iframe id="MainIframe" name="MainIframe" scrolling="yes" src="" noresize="" height="100%" frameborder="0" width="100%"> </iframe>点击newslist或goodslist时获取你要显示的内容的url路径。通过JS把url赋值给<iframe>里的src="xxx.html" 如 : $("#newslist").click(function(){
url //要显示的内容的url parent.MainIframe.location = url;
})
一样做,只是原本display模板的地方,变成返回json数据,而在前端处理这些json数据,将数据以某种形式呈现到指定的HTML容器中。
比如在内容区域你有两个p,分别为#newscontainer和#goodscontainer,当点击newslist时显示#newscontainer层,隐藏#goodscontainer,点击goodslist则相反。
p
#newscontainer
#goodscontainer
newslist
goodslist
你可以只用ajax请求一次数据初始化后只做隐藏层的切换,或者每点击一次都请求一次,全看你的业务需求。
甚至你也可以使用相同的容器来呈现不同的内容。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
同问,最近在做一个后台。每次点击导航栏都会整个页面刷新。
内容区域直接用 <iframe id="MainIframe" name="MainIframe" scrolling="yes" src="" noresize="" height="100%" frameborder="0" width="100%"> </iframe>
点击newslist或goodslist时获取你要显示的内容的url路径。通过JS把url赋值给<iframe>里的src="xxx.html"
如 :
$("#newslist").click(function(){
})
一样做,只是原本display模板的地方,变成返回json数据,而在前端处理这些json数据,将数据以某种形式呈现到指定的HTML容器中。
比如在内容区域你有两个
p,分别为#newscontainer和#goodscontainer,当点击newslist时显示#newscontainer层,隐藏#goodscontainer,点击goodslist则相反。你可以只用ajax请求一次数据初始化后只做隐藏层的切换,或者每点击一次都请求一次,全看你的业务需求。
甚至你也可以使用相同的容器来呈现不同的内容。