您现在的位置是：首页 > 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代码。

本文标签：

很赞哦！ ()

上一篇：WordPress建站步骤教程

下一篇：wordpress调用函数大全总结

图文教程

相关源码

帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发，基于帝国CMS7.5内核构建，针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析，实现小说资源的精准推荐与导航功能。查看源码
(自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板，采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
(自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板，为早教中心、培训学校等教育机构打造，提供从技术架构到视觉呈现的全套网站建设方案。查看源码
(自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发，为研磨抛光设备制造企业设计，特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术，确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
(PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块，集成项目案例、环保工艺等建筑行业特色内容结构，测试数据包含LEED认证体系查看源码
(自适应响应式)蓝色外贸英文产品介绍展示网站模板本模板采用手工编写的DIV+CSS架构，代码精简高效。适配手机端浏览，数据实时同步更新。内置SEO优化框架，支持独立设置各页面标题、关键词及描述。开源代码结构清晰，便于二次开发。查看源码