如何在前端的WP插件中进行AJAX调用

Question

我正在开发WP插件，当用户输入ID时，将获得针对该ID的帖子。它在管理方面工作正常。我已经按照这个例子通过AJAX调用获取数据，但现在我试图在前端这样做，任何人都可以输入ID并获得结果。我已经删除了我用来在管理端创建页面的功能。现在我有3个函数命名：

1. 你好，word（）
2. ajax\u脚本（）
3. ajax_处理器（）

我试着用下面的钩子来注册，但它不起作用

• 添加操作（'admin_footer'，'ajax_script'）
• 添加_操作（“wp_ajax_my_操作”，“ajax_脚本”）
• 添加操作（“wp\u ajax\u nopriv\u my\u action”、“ajax\u script”）

hello_word（）函数包含文本字段和按钮的代码。我从模板文件调用hello_word（）函数，它被正确显示，但是当我单击按钮时，AJAX不工作。我发现的问题是ajax_script（）未加载，并且在源代码调试模式中，当我单击按钮时，什么都没有。

那么，当我从模板文件调用hello\u word（）时，如何正确加载ajax函数呢？

Answer 1

你把事情搞混了。

add_action（'wp_ajax_my_action'，'your_handler'）；和add_action（'wp_ajax_nopriv_my_action'，'your_handler'）；用于添加函数，该函数将分别处理登录用户和来宾用户对ajax调用的响应。

add_操作（'wp_footer'，'ajax_script'） -页脚的前端操作是wp\u footer，只有在主题真正调用它时，它才会起作用。但最好的做法是有一个单独的。包含插件所有js的js文件，而不是内联输出
要将脚本排队，可以使用以下代码

function enqueue_assets()
{
    wp_enqueue_script('your_plugin_js', plugins_url('/my.js', __FILE__), array('jquery'), false, true); //true will put it into the footer
    wp_localize_script('your_plugin_js', 'your_plugin_ajax_object', array('ajax_url' => admin_url('admin-ajax.php', ((is_ssl()) ? 'https' : 'http')))); // your url for ajax call wil be available as your_plugin_ajax_object.ajax_url
    //wp_enqueue_style('your_plugin_css', plugins_url('/my.css', __FILE__)); // you can output css here too if you want
}
add_action('wp_enqueue_scripts', 'enqueue_assets');

你可以在任何你喜欢的地方调用你的hello\u world函数。