介绍什么是ajax (“header a")美元。(“click",函数(e) {
,e.preventDefault();,//阻止事件默认行为
,var href =, this.href;,//记录要加载页面的链接
,//更新当前连接状态
,美元(“header a") .removeClass (“current");
,(这).addClass美元(“current");=,var content 美元、美元(“# content");=,var container 美元、美元(“# container");
美元,container.remove ();
美元,content.load (href +,“, # container");,//加载页面id =,容器的内容
,});
,var 次;//*用来存储所有活动的环节时间表
,. ajax({美元
,类型:“get",,//指定得到方式
,url:“example.json"
,异步:没错,
,beforeSend:函数(jqXHR) {,//才能在浏览器请求JSON数据之前,脚本会检查浏览器是否支持overrideMineType()方法。//才能该方法会用来告知服务器应当返回JSON数据。//当才能服务器意外配置成返回其他格式的数据时,就可以使用这个方法了
如果才能(jqXHR.overrideMimeType) {
jqXHR.overrideMimeType才能(“应用程序/json");,
,,}
,}
,});
,function loadTimeTable(){//加载example.json文件中加载时间表的数据
,.getJSON美元(
“才能example.json"
,).done(功能(数据){,//加载成功,值被保存到*中//console.log才能(数据);
时间=times 才能;数据;
,}). fail(函数(){,//加载失败
美元才能(“# event") . html(“对不起! we could not load 从而timetable at 从而moment");
,});
,}
,loadTimeTable();,//调用函数
,//点击活动名称,将该活动的时间加载到中栏
,$ (“# content")。(“click",“# event a",函数(e) {
,e.preventDefault (),,
,var loc =, this.id.toUpperCase();,//保存活动位置的名称
,var newContent =, & # 39; & # 39;,,//设置展示样式排版
,(var 小姐:=,0;,小姐:& lt;,乘以(loc) . length;,我+ +){//提醒才能(loc)[我].time(倍);
newContent 才能+=,& # 39;& lt; li> & lt; span 类=皌ime"祝辞& # 39;,+倍(loc)[我].time + & # 39; & lt;/span> & # 39;;
newContent 才能+=,& # 39;& lt; a href=https://www.yisu.com/zixun/descriptions.html #“rel=巴獠縩ofollow”标题=" + * (loc)[我].title。替换(//g,“-”) +“>”;
newContent +=* (loc)[我]。标题+“ ”;
}
$(" #会议”). html (“
今天就跟大家聊聊有关使用ajax怎么实现一个页面局部加载功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。
js代码如下:
- ”+ newContent +
看完上述内容,你们对使用ajax怎么实现一个页面局部加载功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。
