让你的WordPress简单实现全站Ajax

这篇博客介绍了如何在WordPress中实现全站Ajax,包括基本原理、一种一步到位的方法和具体使用步骤。通过理解ajaxreload_code()和ajaxclick_code函数,可以轻松实现页面内容的Ajax加载和菜单高亮效果。
摘要由CSDN通过智能技术生成

很多人都对全站Ajax表示出了相当高的兴趣,这里简单介绍下,相信看完就基本能自己实现全站Ajax了。


基本原理

全站Ajax的原理很简单,一句话就能概括:从服务器拿到指定链接的内容,再将取到的内容替换当前页面对应部分的内容。即

$(selector).load(URL,data,callback);

为了使返回键工作,还需要改变地址栏的内容。当然,另外还有许多的细节需要处理。动手能力强外加有编程基础的可参考 这篇文章

更加“懒”的方法

这里介绍一种“一步到位”的方法,将以下代码稍作修改放入js文件中即可。

var ajaxhome='';
var ajaxcontent = 'content';
var ajaxsearch_class = 'searchform';
var ajaxignore_string = new String('#, /wp-, .pdf, .zip, .rar, /goto'); 
var ajaxignore = ajaxignore_string.split(', ');
var ajaxloading_code = 'loading';
var ajaxloading_error_code = 'error';

var ajaxreloadDocumentReady = false;
var ajaxtrack_analytics = false
var ajaxscroll_top = true
var ajaxisLoad = false;
var ajaxstarted = false;
var ajaxsearchPath = null;
var ajaxua = jQuery.browser;

jQuery(document).ready(function() {	
	ajaxloadPageInit("");
});

window.onpopstate = function(event) {
	if (ajaxstarted === true && ajaxcheck_ignore(document.location.toString()) == true) {	
		ajaxloadPage(document.location.toString(),1);
	}
};

function ajaxloadPageInit(scope){
	jQuery(scope + "a").click(function(event){
		if (this.href.indexOf(ajaxhome) >= 0 && ajaxcheck_igno
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值