jquery - 如何使用 JQuery.ajax 从每个 WordPress 帖子中获取缩略图附件?

标签 jquery ajax json wordpress

我正在尝试获取一个 JSON 响应,其中显示每个 WordPress 帖子的缩略图附件。

我尝试使用 JQuery json-api 插件,但它给了我所有附件。我只想要缩略图。

例如,我想使用 JQuery.ajax 从每个 WordPress 帖子中获取 JSON 格式的缩略图附件 URL,如下所示:

[{image_1: "thumbnail_image_a.jpg",
image_2: "thumbnail_image_b.jpg",
image_3: "thumbnail_image_c.jpg",
... etc}]

我应该编写自己的插件吗?或者在functions.php中添加一些东西?或者最简单的方法是什么?

最佳答案

我认为你应该看看https://solislab.com/blog/5-tips-for-using-ajax-in-wordpress/ (旧网站已关闭:http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/#admin-ajax)。

通过在 functions.php 中添加一个带有正确钩子(Hook)的简单函数,您最终可以通过一种很好的方式获得您想要的结果。

改编自上述网址:

add_action( 'wp_ajax_nopriv_myajax-submit', 'myajax_submit' );
add_action( 'wp_ajax_myajax-submit', 'myajax_submit' );

function myajax_submit() {
// get the submitted parameters
   $postID = $_POST['postID'];

   $response = get_thumbnail_images(); 
   $response = json_encode($response);

// response output
   header( "Content-Type: application/json" );
   echo $response;

// IMPORTANT: don't forget to "exit"
exit;
}

我调用 get_thumnail_images(),其中可能有 WP_Query 或 SQL 语句来将所需的信息获取到数组中。

让我们回顾一下 wordpress 部分: 1) 钩子(Hook)

2) 根据 AjaxRequest 请求的操作参数调用 get 函数(完整教程请参见 url)

3)一个为我们提供缩略图的逻辑函数

4) 结果是一个 json 编码数组。您可以在前端用它做任何您想做的事情。

关于jquery - 如何使用 JQuery.ajax 从每个 WordPress 帖子中获取缩略图附件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6823928/

相关文章:

javascript - SCRIPT5022 : WrongDocumentError appending element on IE

javascript - bootstrap 3 datetimepicker((eonasdan)) - e.date 在 "dp.show"上未定义

javascript - .focus 在 firefox 中的问题

php - 我如何与 Coinbase 的 API 交互?为什么总是失败?

jquery - 隐藏一个 div 并在初始位置显示新的 div

ajax - 浏览器不重定向

jQuery 如何在依赖下拉列表中找到最后启用的子项的 val

javascript - Json.encode 特殊符号\u003c MVC3

javascript - 如何转换网页中的JSON数据并将数据放入特定的div中?

PHP 通过 'Key' => 'Value' 列回显所有表行 - 经验