您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
Wordpress实现自定义ajax请求的方式示例
谷雪2025-03-17WordPress教程已有人查阅
导读Wordpress实现ajax请求,分为两种情况:登录用户发起的ajax请求和未登录用户发起的ajax请求,通过ajax传递的数据中,action是一个固定字段,而且action字段所对应的值必须和hook名称中的后缀
Wordpress实现ajax请求,分为两种情况:登录用户发起的ajax请求和未登录用户发起的ajax请求,通过ajax传递的数据中,action是一个固定字段,而且action字段所对应的值必须和hook名称中的后缀(下述hook里的 your_action_name 部分)相匹配.Wordpress也是借此来区分不同的ajax请求.
1.登录用户发起ajax请求
涉及一个hook : wp_ajax_(your_action_name)
处理ajax的后端php代码
值得注意的是,自从Wordpress 2.8开始,后台界面已经自动赋值了一个js全局变量ajaxurl,因此,在上述情况下,js代码中可以直接引用此全局变量作为ajax的请求路径.
2.未登录用户发起ajax请求
涉及另一个hook : wp_ajax_nopriv_(your_action_name)
需要注意: 和情况1不同的地方,前端界面没有可供直接引用的ajaxurl,所以必须通过一个wordpress函数 wp_localize_script() 来实现把路径变量通过php传递给前端js,例如:
这样,我们在js代码里读取对象test_ajax的ajaxu
这里的对象变量test_ajax只能由对应js文件中的代码访问,也就是上例中的script.js.处理ajax的后端php代码。
1.登录用户发起ajax请求
涉及一个hook : wp_ajax_(your_action_name)
处理ajax的后端php代码
值得注意的是,自从Wordpress 2.8开始,后台界面已经自动赋值了一个js全局变量ajaxurl,因此,在上述情况下,js代码中可以直接引用此全局变量作为ajax的请求路径.
2.未登录用户发起ajax请求
涉及另一个hook : wp_ajax_nopriv_(your_action_name)
需要注意: 和情况1不同的地方,前端界面没有可供直接引用的ajaxurl,所以必须通过一个wordpress函数 wp_localize_script() 来实现把路径变量通过php传递给前端js,例如:
这样,我们在js代码里读取对象test_ajax的ajaxu
这里的对象变量test_ajax只能由对应js文件中的代码访问,也就是上例中的script.js.处理ajax的后端php代码。
本文标签:
很赞哦! ()
上一篇:WordPress建站步骤教程
相关教程
- jQuery ajaxError()方法:全局AJAX错误捕捉与处理
- jQuery ajaxSend()方法:在请求起飞前插一脚
- jQuery AJAX方法深度解析与实战
- phpcms列表分页ajax加载更多代码示例
- 易优cms标签arcpagelist配合arclist实现ajax瀑布流分页的方法
- 易优CMSartlist文档列表配合arcpagelist标签可实现ajax瀑布流分
- 易优arclist文档列表配合arcpagelist标签可实现ajax瀑布流分页
- wordpress自带ajax的实现方法
- wordpress后台首页加载ajax.googleapis特别慢怎么办
- ecshop的ajax刷新购物车功能实现方法
- ecshop的ajax使用方法示例
- ecshop中ajax的调用原理
图文教程
wordpress上传文件位置在哪
WordPress默认的上传文件的目录是/wp-content/uploads,而且文件是以年月的形式组织的,虽然我们可以去掉按照年月组织的选项,或者更改存储路径
WordPress评论禁止针对指定内容全英文的方法
WordPress评论怎么禁止针对指定内容全英文?本文实例讲述了WordPress评论禁止针对指定内容全英文的方法。
wordpress获取分类目录的教程
wordpress获取分类目录的方法:1、通过“get_the_category()”函数实现根据文章ID来获取当前文章的分类目录信息;2、通过“get_category()”
WordPress支持google AMP的方法
在移动互联网的时代,尽管网站响应式设计可以满足多屏(pc、手机、ipad等)浏览,但google在2015年10月推出了更快移动页面访问速度的技术-Accelerated Mobile Pages
相关源码
-
宽屏自适应搬家家政快递物流公司网站模板该宽屏大气的响应式网站模板专为搬家公司、家政服务及物流快递企业设计,基于PbootCMS内核开发,通过自适应布局确保手机、PC等多终端体验一致,助力企业高效构建专业在线服务平台。查看源码 -
帝国cms7.5奇闻异事末解之谜模板免费下载带数据本模板基于帝国CMS7.5系统开发,为神秘现象、未解之谜类主题网站设计。包含完整的PC端、移动端及百度MIP站同步生成功能,内置火车头采集规则模块,可快速采集目标站内容资源。整体设计风格神秘大气,符合主题定位。查看源码 -
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板,采用响应式布局技术,适配各类移动终端设备。模板设计聚焦科技行业特性,通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码 -
(PC+WAP)绣花刺绣传统手工工艺pbootcms网站源码下载这款基于PbootCMS的网站模板为刺绣和传统手工艺行业设计,采用优雅的布局和精致的细节处理,能够呈现手工艺品的独特韵味和文化内涵。模板结构合理,功能完善,是手工艺从业者展示作品的理想选择。查看源码 -
粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案,基于PbootCMS内核开发,采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码 -
蓝色工业机械五金设备pbootcms模板源码下载(PC+WAP)为机械制造与五金设备企业设计的响应式网站模板,基于PbootCMS内核开发。采用蓝色工业风格强化行业属性,宽屏布局突出设备细节展示,支持PC与WAP端自适应查看源码
| 分享笔记 (共有 篇笔记) |

