栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用AJAX进行无缝页面更改

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用AJAX进行无缝页面更改

这称为

hashchange
事件。您可以在更改后的值而
#!
无需重新加载页面,然后可以使用AJAX加载所需的信息。如果您使用的是支持HTML5的新浏览器,则可以使用
History.pushState
类似的方式更改网址栏。

基本上,您可以向链接添加事件,更改URL(使用

location.hash
pushState
),然后可以通过AJAX加载数据。

这里是一个不错的例子

location.hash
,而这里的一个
pushState

对于一个好的跨浏览器解决方案,我建议使用History.js。

如果要使用History.js,则在将脚本添加到页面后,还需要添加一些Javascript。

$('a.hash').click(function(e){  // For all links with the class "hash"   e.preventDefault();  // Don't follow link   History.pushState(null, '', this.href);  // Change the current URL (notice the capital "H" in "History")   $('#content').slideUp('slow', function(){  // Animate it sliding up       var $this = $(this);       $this.load(this.href, function(){  // Use AJAX to load the page (or do whatever)          $this.slideUp('slow');  // Slide back down       });});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/418258.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号