正确的方法来链接Ajax URL
在我的插件中，我有一些jQuery-Ajax代码处理表单数据，并在单击按钮后立即将其添加到数据库中。 由于很多人都有不同的插件文件夹路径，我想知道是否有标准化指向数据处理PHP文件的URL。 请参阅下面的示例：
$.ajax({ type: "POST", url: "url_to_php_file_path.php", data: data, cache: false, success: function() { alert.("added"); } }); 找出目标url
在WordPress中，所有AJAX请求必须发送到以下URL：
http://www.example.com/wp-admin/admin-ajax.php
您不应直接向驻留在插件或主题目录中的文件发出AJAX请求。
另外，不要硬编码上面的URL，而是应该使用以下函数来构造URL：
wp_localize_script() ，您可以使用wp_localize_script() ，但这不是必需的，上面也可以。
注意：不要担心“admin”部分，此URL是用于所有用户的正确URL，包括未登录（guest）用户。
告诉WordPress您的AJAX请求使用什么函数
你需要让WordPress知道哪个函数应该处理你的AJAX请求。
为此，您将创建一个自定义函数，并使用wp_ajax_*和wp_ajax_nopriv_*钩子注册它：
add_action('wp_ajax_mycustomfunc', 'mycustomfunc'); // Logged-in users add_action('wp_ajax_nopriv_mycustomfunc', 'mycustomfunc'); // Guest users function mycustomfunc() { $whatever = esc_html($_POST['whatever']); echo 'It works: '.$whatever; exit; // This is required to end AJAX requests properly. }
不要忘记在AJAX请求中指定“mycustomfunc”
最后，以下是如何制作正确的AJAX请求：
(function ($) { $(document).ready(function () { var my_data = { action: 'mycustomfunc', // This is required so WordPress knows which func to use whatever: "yes it is" // Post any variables you want here }; jQuery.post(ajax_url, my_data, function(response) { alert('Got this from the server: ' + response); }); }); })(jQuery);
结合这一切
如果你必须把它全部放在一个文件中，这就是你如何做到的：
// Register my custom function for AJAX processing add_action('wp_ajax_mycustomfunc', 'mycustomfunc'); // Logged-in users add_action('wp_ajax_nopriv_mycustomfunc', 'mycustomfunc'); // Guest users function mycustomfunc() { $whatever = esc_html($_POST['whatever']); echo 'It works: '.$whatever; exit; // This is required to end AJAX requests properly. } // Inline JavaScript add_action('wp_footer', 'my_inline_js'); function my_inline_js() { ?>
注意：对于ajax_url部分，您可以使用wp_localize_script()而不是手动设置它，但它不太灵活，因为它需要指定您可能没有的现有入队脚本。
注意：另外， wp_footer内联JavaScript手动输出到页面中， wp_footer挂钩是正确使用的挂钩。 如果使用wp_localize_script()那么你将使用wp_enqueue_scripts钩子。
首先，所有ajax调用都应该通过wp_ajax注册
add_action('wp_ajax_add_something', 'add_something');
此代码应该在您的插件文件中，以及add_something函数
function add_something(){ //logic }
然后在前端，您应该使用Wordpress提供的ajaxurl全局变量。
$.ajax({ type: 'POST', url: ajaxurl, data: { action: 'add_something', //this was defined earlier data: 'other data here' }, success: function(data){ //do whatever with the callback } });
这消除了显式声明任何URL的需要，因此，是在Wordpress中执行ajax调用的正确方法。