2011-07-26 51 views
6

我想獲得一個JSON響應,顯示每個WordPress帖子的縮略圖附件。如何使用JQuery.ajax從每個WordPress博客中獲取縮略圖附件?

我試圖使用jQuery JSON-API插件,但它給了我所有附件。我只是想要縮略圖。

例如,我想用JQuery.ajax從JSON格式每個WordPress的帖子得到縮略圖附件的URL,就像這樣:

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

我應該寫我自己的插件?或者添加一些東西到functions.php?或者最簡單的方法是什麼?

+1

更加有用,便於您張貼一個小標記,只是一個建議。 – daryl

回答

7

我想你應該看看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中添加一個簡單的函數,您可以最終得到正確的結果。

從上述網址改編:

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; 
} 

我打電話,我可能有一個WP_Query或SQL語句來得到你需要到一個數組的信息get_thumnail_images()。

讓我們來回顧一下WordPress的部分: 1)掛鉤

2)函數獲得被稱爲基於AjaxRequest請求的操作參數(見全教程網址)

3)邏輯功能會給我們縮略圖

4)的結果是一個JSON方式編碼陣列。你可以在前端做任何你想做的事情。

+0

看起來這個帖子已被刪除。任何其他參考? –

+0

不幸的是,這件事很舊... –

+1

該帖子已被移至本站:https://solislab.com/blog/5-tips-for-using-ajax-in-wordpress/ – EGS

0

你將不得不使用$就通過它來下載頁面的URL參數,那麼你就必須通過標記來排序,找到每個崗位,並從它那裏得到的縮略圖。我不知道wordpress網站的標記,所以我無法幫助你。

它可能工作是這樣的:

$.ajax('url.php',{ 
     dataType: 'html', 
     success: function(data){ 
      $.find('wordpress_comment_element').each(function(){ 
       var thumb=$(this).children('img').attr('src'); 
       //add thumb to JSON object 
      } 
     } 
    }); 
+0

謝謝傑森。我正在尋找一種解決方案,比抓取博客上的每篇文章和查找圖像都快。有數百個帖子。我將從JSON構建的顯示器是主頁的主要部分,因此它需要非常快速地加載(大約2秒或更少)。 – edt

+0

你可以給我一個示例網站,你可能想使用這個,所以我可以自己嘗試嗎? –

+0

終於從客戶那裏聽到了。對不起,該網站正在開發中,他不想顯示任何人。 – edt

相關問題