您现在的位置是：首页 > 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不会被告因为WordPress是一个免费的开源项目，在GNU通用公共许可证下授权发布。
Windows系统apache php wordpress配置方法教程
2. Use notepad to open httpd.conf config file. Make use the line "LoadModule rewrite_module modules/mod_rewrite.so" is un-commented.
在WordPress文本小工具中运行PHP代码的方法
WordPress文本小工具中可以添加任意HTML代码，但默认PHP代码添加到文本小工具中却不能运行，下面的这段代码很有用！
wordpress主题适配手机端的实现方法
很多同学可能都会有这样的体验，网站做好之后 发现没有手机端的适配，怎么办？WordPress适配手机端的方法：
相关源码
-
(自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板，为数字营销、技术分享类内容打造。采用前沿设计理念，兼顾内容展示与阅读体验，适配各类终端设备。通过本模板可快速构建专业级行业博客，有效传播专业知识与案例成果。查看源码 -
(自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发，为新闻资讯、博客类网站设计，特别适合各类文章内容的发布与管理。采用响应式技术，确保在不同设备上都能获得良好的阅读体验。查看源码 -
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板，采用响应式布局技术，适配各类移动终端设备。模板设计聚焦科技行业特性，通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码 -
(自适应响应式)高端网站建设设计公司互联网营销网站pbootcms模板本模板基于PbootCMS内核开发，为网站建设公司和互联网营销企业量身打造。采用响应式设计，适配各种移动设备，提供统一的后台管理体验查看源码 -
(自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板，自动适配电脑、平板和手机，浏览体验一致，独立页面SEO设置，提升搜索引擎可见度。查看源码 -
(自适应)大气办公用品耗材供应打印机产品维修网站模板下载基于PbootCMS系统开发的响应式网站模板，为营销技术博主、数字产品评测者设计。采用前沿的响应式技术，确保内容在手机端和桌面端都能获得较佳阅读体验，帮助用户高效展示技术文章和产品分析。查看源码
| 分享笔记 （共有 篇笔记） |
