热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScriptAJAX页面加载

篇首语:本文由编程笔记#小编为大家整理,主要介绍了JavaScriptAJAX页面加载相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了Javascript AJAX页面加载相关的知识,希望对你有一定的参考价值。




// AJAXin links
// Stop default actions on the links we want to hijack
$('#navigation a[href$=html]').bind('click', function(event) {
event.preventDefault()
});
// Click on link within id with ending of HTML triggers this
$('#navigation a[href$=html]').click(function(e) {

// Grab the href attribute of the clicked A and use it as linkURL variable
var linkURL = $(this).attr('href');

// Show the Element that the content will be displayed in
$('#ajaxContainer').show();

// AJAX
$.ajax({

// Use the variable linkURL as source for AJAX request
url: linkURL,
dataType: 'html',

// If all goes well
success: function(data) {
// This is where the fetched content will go
$('#ajaxContainer')
// HTML added to DIV while content loads (It loads my spinner, you'll have to come up with your own)
.html('

spinnerBlack
')
// Load from this URL this element class
.load(linkURL + ' .columnWide');

// It worked mother flipper
$.print('Load was performed.');
}
});
});


推荐阅读
author-avatar
Andou1983
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有