分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

Wordpress实现自定义ajax请求

发布时间:2023-09-06 01:14责任编辑:苏小强关键词:暂无标签

Wordpress实现ajax请求,分为两种情况: 前台页面发起的ajax请求和后台页面发起的ajax请求.

通过ajax传递的数据中,action是一个固定字段,而且action字段所对应的值必须和hook名称中的后缀(下述hook里的 your_action_name 部分)相匹配.Wordpress也是借此来区分不同的ajax请求.



1.后台发起ajax请求

涉及一个hook : wp_ajax_(your_action_name)

处理ajax的后端php代码
js代码


值得注意的是,自从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代码
js代码

Wordpress实现自定义ajax请求

原文地址:http://www.cnblogs.com/ningmeng666/p/7610718.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved