WordPress主题或插件Ajax请求方法

有一个主题需要在文章页面提交Ajax请求,并在当前页面进行服务端处理,按照常规方法编写代码,结果总是返回404错误。

WordPress主题或插件Ajax请求的正确姿势是:通过admin-ajax.php页面提交。

服务端处理:

如果是主题开发,在functions.php中添加以下代码:

function funcname() {
//服务端处理
}
add_action('wp_ajax_funcname', 'funcname'); //已登录用户
add_action( 'wp_ajax_nopriv_funcnamer', 'funcname' ); //未登录用户

注意funcname为处理函数的名称,可以自定义。hook有两个,一个用于已登录用户,另一个用于登录用户,两个钩子可以对应不同的函数,以便对不同用户作出不一样的处理,这里的示例对不同户都作同样的处理。

需要特别注意钩子的名称为:

wp_ajax_处理函数的名称

未登录用户钩子的名称为:

wp_ajax_nopriv_处理函数的名称

前端脚本:

前端代码中的POST URL填写:

<?php echo admin_url("admin-ajax.php"); ?&gt;

前端示例代码:

$.ajax({
cache: false,
type: 'POST',
dataType: 'json',
url: '<?php echo admin_url("admin-ajax.php"); ?>',
data: $('form').serialize(),
async: true,
success: function (data) {
if (data.status == 'success') {
} else {
}
},
error: function(e){
console.log(e.status + ':' + e.statusText);
}
});

服务端示例代码:

function my_func() {
$name = $_POST['name'];
die(json_encode(array('status' => 'success', 'info' => $name)));
}
add_action('wp_ajax_my_func', 'my_func');
add_action( 'wp_ajax_nopriv_my_func', 'my_func' );

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

清除网络运营商植入广告CSS代码

2021-4-29 9:41:59

WordPress教程

WordPress添加水印插件Watermark Reloaded改进

2021-4-29 21:42:55

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索