针对你在自定义文章类型的Meta Box里实现AJAX展示信息，以及想借助WordPress自动保存机制的需求，我整理了业内常用的方案和最佳实践，帮你理清思路：

WordPress本身就提供了成熟的内置AJAX API，完全不需要自己注册独立端点，这是最常用的做法：

• 后端注册AJAX回调：针对后台登录用户，用wp_ajax_前缀的action钩子绑定你的处理函数，记得一定要做权限验证
• 前端触发请求：利用后台全局变量ajaxurl（WordPress自动注入）发起请求，传递当前文章ID和对应的action参数
• 数据返回规范：用WordPress提供的wp_send_json_success()或wp_send_json_error()返回JSON格式数据，自动处理响应头

举个简单的实现示例：

后端代码（放在主题functions.php或插件文件中） #

// 注册AJAX回调，action名称为get_my_meta_box_data
add_action('wp_ajax_get_my_meta_box_data', 'get_my_meta_box_data');

function get_my_meta_box_data() {
    // 获取当前编辑的文章ID
    $post_id = isset($_POST['post_id']) ? intval($_POST['post_id']) : 0;
    
    // 验证用户是否有权限编辑该文章
    if (!current_user_can('edit_post', $post_id)) {
        wp_send_json_error('无编辑权限');
    }
    
    // 这里替换成你的实际数据逻辑，比如读取自定义字段、数据库数据等
    $dynamic_data = [
        'current_post_title' => get_the_title($post_id),
        'last_updated' => current_time('mysql')
    ];
    
    wp_send_json_success($dynamic_data);
}

前端JS（嵌入Meta Box相关脚本） #

jQuery(document).ready(function($) {
    // 获取当前文章ID
    const postId = $('input[name=post_ID]').val();
    
    // 发起AJAX请求渲染数据
    function renderMetaBoxData() {
        $.ajax({
            url: ajaxurl,
            type: 'POST',
            data: {
                action: 'get_my_meta_box_data',
                post_id: postId
            },
            success: function(res) {
                if (res.success) {
                    // 将数据插入到Meta Box的内容区域
                    $('#myMetaBox .inside').html(`
                        <p>当前文章标题：${res.data.current_post_title}</p>
                        <p>最后更新时间：${res.data.last_updated}</p>
                    `);
                } else {
                    $('#myMetaBox .inside').html(`<p class="error">${res.data}</p>`);
                }
            }
        });
    }
    
    // 页面加载时先渲染一次
    renderMetaBoxData();
});

WordPress后台默认每隔60秒会触发自动保存，你可以通过两种方式利用这个机制同步更新Meta Box里的内容：

1. 监听自动保存完成事件（前端） #

自动保存会发起AJAX请求，你可以监听这个请求完成的事件，然后重新获取最新数据：

// 监听所有AJAX请求完成事件
jQuery(document).ajaxComplete(function(event, xhr, settings) {
    // 判断是否是自动保存的请求
    if (settings.url.includes('post.php') && settings.data.includes('action=autosave')) {
        // 自动保存完成后重新渲染Meta Box数据
        renderMetaBoxData();
    }
});

如果是Gutenberg编辑器，还可以监听官方提供的post-saved事件，更精准：

document.addEventListener('post-saved', function() {
    renderMetaBoxData();
});

2. 后端钩子同步数据 #

如果你需要在自动保存时更新要展示的数据（比如同步自定义字段），可以用autosave_post钩子：

add_action('autosave_post', 'sync_data_on_autosave', 10, 2);

function sync_data_on_autosave($post_id, $post) {
    // 跳过自动保存的草稿，避免重复处理
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
        return;
    }
    
    // 只针对你的自定义文章类型
    if ($post->post_type !== 'MyBox') {
        return;
    }
    
    // 这里写你的数据同步逻辑，比如更新自定义字段
    update_post_meta($post_id, '_auto_synced_data', '自动保存时同步的内容');
}

之后你的AJAX回调就可以读取这个_auto_synced_data字段，展示最新内容。

• 优先用内置AJAX API：不用自己搭端点，WordPress已经处理了CSRF和权限基础逻辑，更安全高效
• 权限验证不能少：任何AJAX回调都要加current_user_can()验证，防止未授权访问
• 用心跳机制替代轮询：如果需要定时刷新，WordPress的heartbeat API比自己写setInterval更智能，它会根据用户是否活跃调整间隔，减少服务器压力
• 减少不必要请求：比如只在Meta Box可见时发起请求，或者当文章内容变化时才刷新，避免浪费资源

内容的提问来源于stack exchange，提问作者John Dee