让你的WordPress简单实现全站Ajax_wordpress 移动端 ajax-CSDN博客

本文链接：https://blog.csdn.net/liuxuekai/article/details/42188343

这篇博客介绍了如何在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