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

Question

我想把一个表格放在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,
    });
}

Answer 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

用于获取您的中型特色图像的url。这取决于你的领域：

[acf] ....

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

*如果您喜欢以编程方式添加端点，在SO上有一个有用的问题：Adding ACF to CUSTOM wp api endpoints