php - WordPress API - 如何使用 ajax 加载函数

Question

我创建了一个hello_alert在主题 function.php 中调用的函数

当人们单击按钮时，我想使用 ajax 加载此功能。

可以直接使用 ajax API 加载 PHP 函数，而不是为 ajax 请求创建页面吗？

请给我一个注释代码以使用 Wordpress ajax API 加载 php 函数

Answer 1

例如，直接来自法典（或多或少）：

add_action( 'wp_footer', 'my_action_javascript' );
function my_action_javascript() {
?>
<script type="text/javascript" >
jQuery(document).ready(function(){
    var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';
    jQuery('.my_button').click(function(){
        var data = {action: 'my_action'};
        jQuery.post(ajaxurl, data, function(response) {
            alert('Got this from the server: ' + response);
        });
    });
});
</script>
<?php
}

add_action( 'wp_ajax_my_action', 'hello_alert' );
function hello_alert()
{
    echo 'Hello';
    die();
}