当前位置：首页 → 问答吧 → 请问Ajax如何实现网页局部载入数据并改变网址,给个例子好吗

请问Ajax如何实现网页局部载入数据并改变网址,给个例子好吗

时间：2011-09-13

来源：互联网

就像新浪微博那样,在筛选微博的时候有一个 "全部微博/相互关注/和自定义分类" 这样的小导航
比如我的微博地址为
http://weibo.com/abc
点击相互关注超链接
效果是:只会在正文部分加载相应的条目,其他的部分并未重新加载.
但是奇怪的是地址栏的url也变了,变成类似于http://weibo.com/abc?attention=1这样的

如题:请问Ajax如何实现网页局部载入数据并改变网址,给个例子好吗(不使用hash的方法)

作者: test78009 发布时间: 2011-09-13

Ajax实现网页局部载入数据和改变网址这两个没有直接关系. Ajax可以局部加载, js也可以改变网址. 但是这两个同时操作并没有意义.

作者: windzjp 发布时间: 2011-09-13

引用楼主 test78009 的回复:
就像新浪微博那样,在筛选微博的时候有一个 "全部微博/相互关注/和自定义分类" 这样的小导航
比如我的微博地址为
http://weibo.com/abc
点击相互关注超链接
效果是:只会在正文部分加载相应的条目,其他的部分并未重新加载.
但是奇怪的是地址栏的url也变了,变成类似于http://weibo.com/abc?attention=1这样的

如题:请问Ajax如何实……

我发现新版的微博就是这样的. 不知道你用过没有.

比如这个tab: 全部/原创/图片/视频/音乐
在点击的时候地址栏中的URL马上就改变了.然后开始异步加载相应微博.
注意: url改变前后并未出现浏览器重新读进度条那个过程.(不是网速快,是真的没有).
有点类似hash那种感觉,但是它使用的是query

作者: test78009 发布时间: 2011-09-13

引用 1 楼 windzjp 的回复:

Ajax实现网页局部载入数据和改变网址这两个没有直接关系. Ajax可以局部加载, js也可以改变网址. 但是这两个同时操作并没有意义.

js怎么改变网址呢, 还是您说的是跳转到网址啊

作者: test78009 发布时间: 2011-09-13

~~here it is ,i got it.
http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html

for you~no thx~~~

作者: test78009 发布时间: 2011-09-13