求助：如何通过JavaScript调用WordPress REST API更新文章自定义字段？

嘿，我来帮你搞定这个头疼的问题！能创建文章但更改造字段，大概率是权限、字段注册或者请求格式这几个环节出了问题，我给你拆解一下常见的排查点和解决方案：

1. 先确认自定义字段已注册到REST API #

WordPress默认不会把所有自定义字段开放给REST API，这是很多人踩的第一个坑！你需要在主题的functions.php里手动注册你的字段，比如：

add_action( 'rest_api_init', function () {
    register_rest_field( 'post', 
        'your_meta_key', // 替换成你实际用的自定义字段键名
        array(
            'get_callback'    => function( $post ) {
                return get_post_meta( $post['id'], 'your_meta_key', true );
            },
            'update_callback' => function( $value, $post ) {
                return update_post_meta( $post->ID, 'your_meta_key', $value );
            },
            'schema'          => array(
                'description' => '这里写你的自定义字段描述',
                'type'        => 'string', // 根据你的字段类型调整，比如integer、boolean都可以
            ),
        )
    );
} );

这段代码的核心是告诉WordPress：“这个字段可以通过REST API读取和更新”，没注册的话，你的更新请求肯定会被忽略。

2. 检查请求的权限与认证 #

更新文章需要edit_posts权限，前端调用的时候一定要确保认证有效：

• 如果是同域请求，用Cookie认证的话，要带上WordPress的nonce值：

  wp.api.settings.nonce = '你的nonce值'; // 可以通过wp_localize_script把nonce传到前端
  

• 如果是跨域请求，推荐用JWT令牌认证，请求时要在header里带上：

  wp.apiRequest({
      headers: {
          'Authorization': 'Bearer ' + 你的JWT令牌
      },
      // 其他请求参数...
  });
  

要是权限不够，控制台会返回rest_cannot_update的错误码，一眼就能看出来。

3. 确保请求格式完全正确 #

更新自定义字段时，必须把字段放在meta对象里，不能直接作为顶级参数！比如正确的请求体应该是这样的：

{
    "meta": {
        "your_meta_key": "你要更新的新值"
    }
}

我见过很多人直接把your_meta_key放在请求体顶级，结果WordPress根本不识别，自然更新失败。

4. 利用错误信息定位问题 #

控制台返回的错误其实是最好的线索！比如：

• rest_meta_key_not_found：说明字段没注册到REST API，回到第一步检查代码
• rest_forbidden：权限不足，检查认证是否有效
• rest_invalid_param：参数格式不对，检查meta对象的结构

给你一个完整的Backbone.js示例代码，你可以参考着改：

// 初始化文章模型，替换成你的文章ID
var post = new wp.api.models.Post({ id: 123 });

// 先加载当前文章数据
post.fetch().done(function() {
    // 更新自定义字段
    post.set('meta', {
        your_meta_key: '更新后的字段值'
    });

    // 保存更新
    post.save().done(function(updatedPost) {
        console.log('自定义字段更新成功！新值是:', updatedPost.meta.your_meta_key);
    }).fail(function(error) {
        console.error('更新失败，错误详情:', error);
    });
});

你可以按照这个顺序逐一排查，应该能很快解决问题～

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