我如何在 JavaScript 中使用 PHP 函数（Gutenberg WordPress）答案

【问题标题】：how can i use PHP functions (Gutenberg WordPress) inside JavaScript我如何在 JavaScript 中使用 PHP 函数（Gutenberg WordPress）
【发布时间】：2021-10-20 10:18:57
【问题描述】：

很抱歉问了一个非常基本的问题... 我是 WordPress/Gutenberg 的新手，我不熟悉 PHP。尝试在 Gutenberg 使用 javascript 编写自定义块，但我发现大多数可用的功能仅适用于 PHP。我如何在 javascript 中使用这些函数 .. 比如 .. get_post_meta() 或 get_the_tags()

谢谢

【问题讨论】：

你不能......这些函数是用PHP编写的，在服务器端处理，而javascript在客户端处理。您将需要编写一些 PHP，最有可能通过 api/ajax 调用将数据公开给 Javascript

标签： javascript php wordpress wordpress-gutenberg

【解决方案1】：

有一个解决方法，因为 PHP 输出文本，您可以使用它来编写将在页面加载时执行或由事件触发的 Javascript 代码。只是不要忘记用脚本标签包围你的 js 代码

【讨论】：

【解决方案2】：

是的，可以在 Gutenberg 块中使用 PHP 函数，方法是创建一个动态块，该块调用 PHP 函数来呈现内容。这样就可以使用所有可用的 PHP 和 WordPress 函数，例如 get_post_meta() 等。

Developer documentation has an example block code 展示了它是如何实现的，是一个很好的起点。此外，<ServerSideRender> 是一个有用的组件，可以在块编辑器中呈现实时 PHP。

查看使用 PHP 渲染的现有核心块 (eg. latest posts) 的源代码也可以帮助您开始构建自己的块。

【讨论】：

感谢您的回复。但我正在尝试在 javascript（编辑器）文件上使用此功能.. 有什么方法可以使用吗？正如大多数开发人员所建议的那样，但我遇到了错误
@IrfanAhmed 是的，您需要在 php 文件中包含 <ServerSideRender> 调用该 php 函数，在块 edit() 函数中（呈现在 javascript 编辑器中）。试试我回答中文档中的示例，看看它们是如何联系在一起的。