php - 使用 Wordpress 在 Javascript 中编写 PHP

Question

我找到了一些关于在 JS 中使用 PHP 的文章，但到目前为止没有任何帮助，所以这是我的问题。我需要将 wordpress 帖子内容（标题、摘录和缩略图）调用为 JS“预览”功能（本质上是使用ThumbnailGridExpandingPreview调用帖子）。我已经能够从帖子缩略图和标题打开“扩展预览”，但是我无法将帖子内容添加到预览中。

我正在尝试将 php 调用添加到“grid.js”文件中的预览函数，但是我不确定如何“缩小”php 代码。请参阅下面的代码。

最初读取的代码：

this.$title = $( '<h3></h3>' );

这就是我尝试调用帖子标题的方式：

this.$title = $( '<h3><?php echo get_the_title(); ?></h3>' );

任何帮助将不胜感激！提前致谢。

score 4 · Accepted Answer

一些说明： PHP 是一种服务器端语言；这意味着它只能在服务器端解析和执行。也就是说，你有两种选择，一种更优雅，另一种有点糟糕（我只会在非常罕见和有限的情况下使用它）：

优雅的解决方案：Wordpress Ajax。在您的 functions.php 文件中设置一个 ajax 可调用函数，该函数返回数据填充的 html：

一个。向您的 functions.php 文件添加一个 ajax 可调用操作：

add_action("wp_ajax_[function_name]", "function_name");
//If the action wants users to be logged in, you can specify a different function to be called in case a user is not:
//add_action("wp_ajax_nopriv_[function_name]", "[function_name_for_non_logged_users]");

湾。指定要调用的函数（为非登录用户指定第二个，以备不时之需）

function function_name() {
  //It is good practice to use nonce verification
  if (!wp_verify_nonce( $_REQUEST['nonce'], "function_name_nonce")) {
    exit("[Your scary message against bad people]");
  }

  // Make your query here.
  $post_id = $_REQUEST["post_id"];
  $post = get_post($id, ARRAY_A);

  // Return your data. Here I go with a simple JSON.
  $result = json_encode($result);
  echo $result;
}

C。在模板中的某处编写前端代码（显然，使其可用于您的 grid.js 调用）。您需要使用您的帖子数据填充 $post。我倾向于使用全局包装器：

<script type="text/javascript">
    <?php 
    $nonce = wp_create_nonce('function_name_nonce');
    $endpoint = admin_url('admin-ajax.php');
    ?>
    var Globals = {
      nonce: "<?php echo $nonce; ?>", 
      postId: "<?php echo $post->ID; ?>", 
      endpoint: "<?php echo $endpoint; ?>"
    }
</script>

d。从现在开始，由您来进行 ajax 调用（我没有对您的代码的任何引用），但这非常简单：

$.ajax({
  type: "post",
  dataType: "json",
  url: Globals.endpoint,
  data: {
    action: "function_name", 
    post_id: Globals.postId, 
    nonce: Globals.nonce
  },
  success: function(response) {
    //Aaaaand here's your post data
    console.log(response);
  }
});

请参阅http://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)。

这是一个很好的教程（在 Google 的第一页上找到）：http ://wp.smashingmagazine.com/2011/10/18/how-to-use-ajax-in-wordpress/

糟糕的解决方案：生成填充数据的 JS 代码（我会坚持使用 JS 对象）。在这种情况下，您将需要在您的页面（模板或任何其他可以访问 PHP 的内容）中添加一个额外的脚本标签，您将在其中输出 JS 有效代码：
```
var title = "<?php the_title(); ?>";
```

php - 使用 Wordpress 在 Javascript 中编写 PHP

1 回答 1

Related

Reference