我有一个新的WP安装，为了保持简单，我目前在我的functions.php:

function getFruits() {
    return json_encode( [\'fruits\' => [\'apples\', \'pears\']]);
} 

function my_enqueue() {    
    wp_enqueue_script( \'ajax-script\', get_template_directory_uri() . \'/js/my-ajax-script.js\', array(\'jquery\') );

    wp_localize_script( \'ajax-script\', \'my_ajax_object\',
        array( \'ajax_url\' => admin_url( \'admin-ajax.php\' ) ) );
}
add_action( \'wp_enqueue_scripts\', \'my_enqueue\' );

现在，我的目标是使用JQuery/JavaScript对我的wordpress端点进行AJAX调用，获取fruits json对象，并在呈现登录页时简单地打印它。

这就是我所尝试的：

twentyseventeen\\js\\my-ajax-script.js:

$(document).ready(function() {
    $.ajax(
        {
            type: "get",
            data : {
                action: \'getFruits\'
            },
            dataType: "json",
            url: my_ajax_object.ajax_url,
            success: function(msg){
                console.log(msg); //output fruits to console
            }
        });
});

目前，我收到一个JQuery未定义错误，尽管它似乎已排队。其次，我甚至不确定我是否正确实现了这一点，因为我以前从未使用过WP-AJAX。所以现在，我的目标只是让一个基本的例子起作用。我非常感谢您对如何实现这一目标的任何建议。

非常感谢。

add_action( "wp_ajax_{$jquery_action_string}", "callback_function_name" );

add_action( "wp_ajax_nopriv_{$jquery_action_string}", "callback_function_name" );

function return_fruits() {
    echo json_encode( [\'fruits\' => [\'apples\', \'pears\']]);
    exit();
}
add_action( \'wp_ajax_getFruits\', \'return_fruits\' );
add_action( \'wp_ajax_nopriv_getFruits\', \'return_fruits\' );

add_action(\'wp_ajax_getFruits\', \'getFruits);

add_action(\'wp_ajax_nopriv_getFruits\', \'getFruits\');

function get_fruits(){
$response = array(\'Fruits\'=> [\'banana\', \'apple\']);
//use this function and make a response then send the response
wp_send_json_success(array(\'response\'=>$response));
// by using wp_send_json_success() you don\'t need to exit and parse response
}