2011-07-26 7 views
6

Her bir WordPress yayını için küçük resim eklerini gösteren bir JSON yanıtı almaya çalışıyorum.Her bir WordPress yazısından küçük resim ekini almak için JQuery.ajax nasıl kullanılır?

JQuery json-api eklentisini kullanmayı denedim, ancak bana tüm ekleri veriyor. Ben sadece küçük resmi istiyorum. Örneğin

, böyle, JSON biçiminde her WordPress görevinden küçük resim eki URL'ler almak için JQuery.ajax kullanmak istiyorum:

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

Ben kendi eklenti yazmak gerekmez mi? Veya functions.php'ye bir şeyler ekleyin? Ya da en az karmaşık yol nedir?

+1

Küçük bir işaretleme, sadece bir öneri göndermek için daha yararlı olun. – daryl

cevap

7

Sana https://solislab.com/blog/5-tips-for-using-ajax-in-wordpress/ bakmak gerektiğini düşünüyorum (eski site aşağı: http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/#admin-ajax).

functions.php'unuzdaki doğru kancalarla basit bir işlev ekleyerek, tam olarak ne istediğinizi elde etmenin güzel bir yolu ile sonuçlanabilir. Yukarıda belirtilen url'den Uyarlanmış

:

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

Sana bir diziye ihtiyaç duydukları bilgileri almak için bir WP_Query veya bir SQL deyimi olabilir get_thumnail_images() diyoruz.

en wordpress kısmını kısaca yineleyelim:()) bir mantık fonksiyonunu

3 tam öğretici için url bakınız AjaxRequest tarafından talep edilen eylem parametresine dayalı olarak adlandırılan s olsun

2) fonksiyonunu kanca) 1 olduğu Bize küçük resimler

4) 'i verecektir. Sonuç, json tarafından oluşturulan bir dizidir. Ön tarafta ne istersen onu yapabilirsin.

+0

Bu gönderinin kaldırılmış gibi görünüyor. Başka referans var mı? –

+0

ne yazık ki, bu şey çok eski ... –

+1

Bu siteye taşındı: https://solislab.com/blog/5-tips-for-using-ajax-in-wordpress/ – EGS

0

Sayfanın URL'si argümanıyla indirmek için $ .ajax kullanmanız gerekecek, ardından her gönderiyi bulmak ve küçük resmi elde etmek için işaretlemeyi sıralamak zorunda kalacaksınız. Bir wordpress sitesinin işaretini bilmiyorum, o yüzden sana yardım edemem.

Böyle bir şey işe yarayabilir:

$.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

Teşekkürler Jason. Blogdaki her gönderiyi kazıyarak ve görüntüyü bulmadan daha hızlı bir çözüm arıyorum. Yüzlerce mesaj var. JSON'dan oluşturacağım ekran, ana sayfanın birincil kısmıdır, bu yüzden çok hızlı yüklenmesi gerekir (~ 2 saniye veya daha az). – edt

+0

Bunu kullanmak isteyebileceğiniz bir örnek site verebilir misiniz, böylece kendim deneyebilirim? –

+0

Son olarak müşteriden haber geldi. Üzgünüz, ancak site geliştirme aşamasında ve henüz kimseyi göstermek istemiyor. – edt

İlgili konular