WordPress 自定义原生Ajax发送表单数据

Ajax 部分

// JavaScript 部分 function ajax() { let xhr = new XMLHttpRequest(), formData = new FormData(); formData.append("action","gallery_upload")// 标记1 xhr.open("POST",ajaxurl)// 标记2 xhr.send(formData); }

WordPress 部分

<?php add_action('wp_ajax_gallery_upload','wp_ajax_gallery_upload_callback');// 标记3 function wp_ajax_gallery_upload_callback() { var_dump($_POST); // 这里可以做处理数据一类的事情 die(); // 补充一点，如果不适用 die() 结束请求的话，你返回值必然会带过去一个0 } // 该代码块可以放到主题里也可以放到插件里 ?> 标记处解释formData.append("action","gallery_upload")这里action的值是为后台定义这个ajax请求的钩子，详情请看标注3 add_action() 里的第一个值是否等同于 wp_ajax_ action值xhr.open("POST",ajaxurl)ajaxurl是Wordpress 2.8开始后台界面自动赋的一个js全局变量add_action('wp_ajax_gallery_upload','wp_ajax_gallery_upload_callback');这里没什么好说的，就是第一个参数值要结合第一处标记来使用

最后要说的是我这个写法只正针对于已登录的情况下。未登录的情况无法使用。 如果想了解未登录的情况下如何使用，可以去下面这参考链接。

https://www.cnblogs.com/ningmeng666/p/7610718.html