首页 新闻 会员 周边

点击菜单,怎么用Ajax实现菜单下内容的无刷新加载

0
悬赏园豆:10 [待解决问题]

1.有一个模板页,菜单项:首页|新闻|娱乐

2.例如有3个页面,a.aspx(首页,默认页),b.aspx(新闻页),c.aspx(娱乐页),都启用了模板页

3.当点击新闻菜单时,页面跳转到b.aspx,只刷新新闻页面下的内容,其他不变

效果像这个网站:http://www.98ep.com/index.aspx

请问该怎么用Ajax实现?谢谢

小小一书童的主页 小小一书童 | 初学一级 | 园豆:140
提问于:2014-03-13 22:46
< >
分享
所有回答(5)
1

理解1:

是不是有这样的可能:

页面分为 head部分 内容部分 和foot部分

每个页面都引入同样的head部分 和foot部分 

点击菜单的工作就是一个<href>链接,链接到不同的页面。其实并没有采用ajax请求

理解2

通过ajax请求,将相应的页面通过iframe加入到内容区。这类似如左边menu,右边content,通过增加tab页形式添加到content区域。在构建menu的时候需要将需要引入的页面url添加到属性中

lovejiegirl | 园豆:202 (菜鸟二级) | 2014-03-13 23:15
0

你的主页面应该是一个静态页面或不涉及表单操作的aspx页面

然后点击链接后ajax从你的a.aspx,b.aspx...中获取页面的内容然后填入一个iframe或者div里

飞鸟_Asuka | 园豆:209 (菜鸟二级) | 2014-03-14 09:40
0

你给的示例网站,本来就是不同的页面啊。

要实现菜单部分不刷新,有两种方式。
一是使用frame框架。很久以前使用dreamweaver开发网站时,常用的上左右结构,右边就是一个单独的frame,用来加载不同的链接。
二是使用客户端模版。C#的母版页技术,就是你给的网站那种情况,但这是服务器模版,点击菜单是要刷新整个页面的。而客户端模版,则只刷新指定模版的内容。可以试试JQuery提供的load方法。

飞扬的尘埃 | 园豆:1318 (小虾三级) | 2014-03-14 15:41
0

ajax一般适用刷新局部区域,想楼主这种需求一般用iframe实现 

此间少年Zcy | 园豆:194 (初学一级) | 2014-03-14 20:20
0

用iframe做显示

骷髅人 | 园豆:464 (菜鸟二级) | 2014-03-18 17:24
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册