1.有一个模板页,菜单项:首页|新闻|娱乐
2.例如有3个页面,a.aspx(首页,默认页),b.aspx(新闻页),c.aspx(娱乐页),都启用了模板页
3.当点击新闻菜单时,页面跳转到b.aspx,只刷新新闻页面下的内容,其他不变
效果像这个网站:http://www.98ep.com/index.aspx
请问该怎么用Ajax实现?谢谢
理解1:
是不是有这样的可能:
页面分为 head部分 内容部分 和foot部分
每个页面都引入同样的head部分 和foot部分
点击菜单的工作就是一个<href>链接,链接到不同的页面。其实并没有采用ajax请求
理解2
通过ajax请求,将相应的页面通过iframe加入到内容区。这类似如左边menu,右边content,通过增加tab页形式添加到content区域。在构建menu的时候需要将需要引入的页面url添加到属性中
你的主页面应该是一个静态页面或不涉及表单操作的aspx页面
然后点击链接后ajax从你的a.aspx,b.aspx...中获取页面的内容然后填入一个iframe或者div里
你给的示例网站,本来就是不同的页面啊。
要实现菜单部分不刷新,有两种方式。
一是使用frame框架。很久以前使用dreamweaver开发网站时,常用的上左右结构,右边就是一个单独的frame,用来加载不同的链接。
二是使用客户端模版。C#的母版页技术,就是你给的网站那种情况,但这是服务器模版,点击菜单是要刷新整个页面的。而客户端模版,则只刷新指定模版的内容。可以试试JQuery提供的load方法。
ajax一般适用刷新局部区域,想楼主这种需求一般用iframe实现
用iframe做显示