wordpress js调用

// 在 functions.php 中注册并加载 JavaScript 文件
function my_custom_scripts() {
    wp_enqueue_script('my-script', get_template_directory_uri() . '/js/my-script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_custom_scripts');

// my-script.js 文件内容
jQuery(document).ready(function($) {
    // 你的 JavaScript 代码
    console.log('脚本已成功加载！');
});

// 在 functions.php 中注册 AJAX 动作
function my_custom_ajax_handler() {
    // 处理 AJAX 请求的逻辑
    $response = array('success' => true, 'data' => $_POST['my_data']);
    wp_send_json($response);
}
add_action('wp_ajax_my_custom_ajax', 'my_custom_ajax_handler');
add_action('wp_ajax_nopriv_my_custom_ajax', 'my_custom_ajax_handler');

// 在前端页面中使用 jQuery 发送 AJAX 请求
jQuery(document).ready(function($) {
    $('#my-button').click(function() {
        $.ajax({
            url: ajaxurl, // WordPress 提供的全局变量，指向当前站点的 AJAX 处理 URL
            type: 'POST',
            data: {action: 'my_custom_ajax', my_data: 'some_value'},
            success: function(response) {
                console.log(response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log('Error: ' + textStatus);
            }
        });
    });
});