有一个主题需要在文章页面提交Ajax请求，并在当前页面进行服务端处理，按照常规方法编写代码，结果总是返回404错误。
WordPress主题或插件Ajax请求的正确姿势是：通过admin-ajax.php页面提交。
服务端处理：
如果是主题开发，在functions.php中添加以下代码：
1 2 3 4 5 | function funcname() { //服务端处理 } add_action('wp_ajax_funcname', 'funcname'); //已登录用户 add_action( 'wp_ajax_nopriv_funcnamer', 'funcname' ); //未登录用户 |
注意funcname为处理函数的名称，可以自定义。hook有两个，一个用于已登录用户，另一个用于未登录用户，两个钩子可以对应不同的函数，以便对不同用户作出不一样的处理，这里的示例对不同用户都作同样的处理。
需要特别注意钩子的名称为：
1 | wp_ajax_处理函数的名称 |
未登录用户钩子的名称为：
1 | wp_ajax_nopriv_处理函数的名称 |
前端脚本：
前端代码中的POST URL填写：
1 | <?php echo admin_url("admin-ajax.php"); ?> |
前端示例代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | $.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); } }); |
服务端示例代码：
1 2 3 4 5 6 | 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' ); |
原文链接：https://xiaohost.com/2308.html，转载请注明出处。
