前端使用 javascript 发布到 Wordpress 高级自定义字段答案

【问题标题】：Front End post into Wordpress Advanced Custom Fields with javascript前端使用 javascript 发布到 Wordpress 高级自定义字段
【发布时间】：2020-06-15 16:04:20
【问题描述】：

我想在 wordpress 前端放一个表格，并能够将数据发布到高级自定义字段中。但是，似乎我只能访问“标题”和“内容”。我可以专门针对 JS 文件中的自定义字段吗？

在第 5 行代码下方，我尝试使用“getField('chapter'): $(".chapter").val()”，但它不起作用。

postNote(e) {
    var ournewPost ={
        'title': $(".new-note-title").val(),
        'content': $(".new-note-body").val(),
        getField('chapter'): $(".chapter").val(),
        'status': 'publish'
    }
    $.ajax({
        beforeSend: (xhr) => {
            xhr.setRequestHeader('X-WP-Nonce', Data.nonce);
        },
        url: Data.root_url + '/wp-json/wp/v2/note/',
        type: 'POST',
        data: newNote,
    });
}

【问题讨论】：

标签： wordpress advanced-custom-fields

【解决方案1】：

您需要在 Wordpress Rest API 中为您的高级自定义字段公开端点。有一个插件：https://wordpress.org/plugins/acf-to-rest-api/ *（替代方案见答案结尾）

然后您可以使用 RESTClient（邮递员或类似的东西）查看并确保该字段在您的响应中：https://www.yourwordpressurl.com/wp-json/wp/v2/note/

如果您可以找到您的字段，您还将看到如何通过名称和路径访问它（您很容易找到您已经在使用的 content 和 title。它可能在 acf: 我的内部猜猜，你需要看看结构是什么样的。

事情可以串起来：

['wp:featuredmedia']['0'].media_details.sizes.medium_large.source_url

用于获取中型特色图片的网址。这取决于您的领域：

[acf] ....

使用此方案，您应该能够找到访问数据的正确方法。

*如果您想以编程方式添加端点，这里有一个关于 SO 的有用问题： Adding ACF to CUSTOM wp api endpoints

【讨论】：

谢谢。这很有意义。现在让我弄清楚该怎么做。