wordpress调用ajax刷新,[WordPress][教程] 全站AJAX化无刷新载入心得

本文介绍了如何将WordPress站点全站AJAX化,通过实例讲解了对a标签和form表单的AJAX处理,解决了前进后退按钮失效问题,并探讨了AJAX对SEO的影响和性能优化策略。
摘要由CSDN通过智能技术生成

前言

最近闲暇时的娱乐就是不断完善“卢哥主题”,从最早的版本v1.0.0到最近的v1.1.1,很多设计在推倒重做中变得愈加成熟。在这个过程中,我也学到了很多,多到足以让我静下心来写篇心得。

回首之前所写过的两篇有关wordpress教程,心里直犯恶心,两年前的代码竟然这么挫!这么点东西也好意思拿出来卖弄。不过回想当时的情形,恰是接触php不久,前端更是基本不会。今天所写的内容,可能在职业前端的眼里一样不堪入目吧。但是话说回来,两年前写下的算法题解,现在看居然是一愣一愣的,这说明当时算法学的还行吧。哈哈。

导读

全站AJAX化实际是很简单的,实际就是反复运用AJAX函数的过程。难点在于对form标签的处理,以及解决前进后退问题。综上,可以将AJAX的运用环境简单分成三类:

对a标签运用AJAX函数

对form表单运用AJAX函数

提交评论,POST方式传参,逻辑上可以不用记录访问历史。

站内搜索,GET方式传参,url改变,逻辑上应该记录访问历史。

前进后退调用AJAX函数

此外,还要为AJAX定义专用的调用方式,减少网络开销。对于某些需要对网页进行渲染的插件如代码高亮等进行简单的修改。本文将对前者进行简单介绍,后者将单独撰文。

对a标签进行AJAX化处理

对a标签进行AJAX化处理应该是AJAX函数运用时所能遇到的最简单的情形。实际原理就是通过AJAX函数发出请求,并将请求结果替换到当前页面中。

$("h1 a").live("click",//绑定h1标签中的链接的click事

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值