如何将 PHP 插入 jQuery？

Question

我知道无法从客户端（JavaScript）执行 PHP，但是什么是合适的方法呢？用 PHP 编写我的 jQuery？这是我正在寻找的一个例子。

<!-- Wordpress template URL -->
<div id="template_directory" style="display: none;">
    <?php bloginfo('template_url'); ?>
</div>

<!-- Fetch with jQuery -->
var templDirec = $("#template_directory").html();
var imgHTML = '<img src="' + templDirec + '/images/my-image.jpg" />';

由于我是新手，因此最好使用简单的描述性答案。让 js 和 php 一起工作的最佳方式是什么？谢谢

Answer 1

你的问题很模糊，不清楚你在问什么。当您从评论或答案中学到一些东西后，请立即编辑和完善您的问题。

首先，正如 cmets 中的 webdeskil 所指出的，您确实可以从客户端调用 PHP 代码，实际上这种情况经常发生。您不能做的是在客户端“打开”执行 PHP 代码。执行服务器端代码的任何请求，在这种情况下，PHP 必须尽可能地转到服务器，并且执行它是有意义的。

从您的标签看来，您正在为 wordpress 编写一些代码。恕我直言，学习编程技能的一个好方法是查看现有代码。由于 wordpress 是开源的，因此您可以打开任何插件或主题并查看内部。但是，满足您的 wordpress 需求的第一资源当然是 codex。仔细阅读 codex 文档，在这种情况下 codex document for using javascript 与您的问题相关。

一些可能有用的提示：

• 你应该避免编写 php 可以做同样事情的 javascript 文件
• 如果您使用 JQuery，您应该知道 wordpress 已经为您加载了一个 JQuery 实例，如果可以，您应该避免加载另一个实例

无论如何，为了给您更多帮助，您需要进一步编辑和完善您的问题，否则对于我们试图提供帮助的一切都是猜测。

Answer 2

首先，你应该用script-tag 包装js-code：

<!-- Wordpress template URL -->
<div id="template_directory" style="display: none;">
    <?php bloginfo('template_url'); ?>
</div>

<!-- Fetch with jQuery -->
<script type="text/javascript">
var templDirec = $("#template_directory").html();
var imgHTML = '<img src="' + templDirec + '/images/my-image.jpg" />';
</script>

如果您想将一些数据从 PHP 传递给 JS，请使用 echo:

<script type="text/javascript">
var templDirec = $("#template_directory").html();
var imgHTML = '<img src="<?php echo $image ?>" />';
</script>

$image-php 变量在哪里。一般来说，您可以使用 PHP 和 html 生成任何 JS 代码。

要将数据从 JS 传递到 PHP（从客户端到服务器），请使用 AJAX

我希望这会有所帮助。