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

我需要使用Ajax动态更改页面的一部分

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

我需要使用Ajax动态更改页面的一部分

通常,我要做的是创建一个路由处理程序,该路由处理程序包含映射到url的url哈希。这样,当我监听窗口的hashchange事件时,可以路由到该哈希的相应URL。该对象将如下所示:

var router = {    "#ajax" : "http://fiddle.jshell.net"};

然后,我使用此对象通过路由器和jquery get请求(在hashchange上)从URL异步获取html:

$(window).on("hashchange", function(){    var route = router[location.hash];    if (typeof route === 'undefined') return;     $.get( route, function( data ) {        $( ".sliderContent" ).html( data );    });     });

从jquery get的回调中可以看到,检索到的ajax数据被注入到sliderContent div中的DOM中。我希望这有帮助 :)

在此处查看有效的jsfiddle:http://jsfiddle.net/zrLLhq30/5/

编辑:AJAX需要一些时间来处理,所以给它一点时间来加载。

更新

我已经更新了小提琴,使其包含多个链接(以及将jquery替换

get
为jquery
load
,只是为了加快资源检索的速度),并且如您所见,divs中的内容无需页面刷新即可加载到容器中。

如果按照我的方式实施解决方案,并且为每个资源URL使用不同的哈希,那么它应该会很好用。我希望这就是你的意思:)

在此处更新了jsfiddle:http :
//jsfiddle.net/zrLLhq30/7/



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

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

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