如何通過使用jQuery的WordPress WP_Query對象循環？

Question

我將一個WP_Query對象傳遞給JavaScript文件中的成功函數，並且在試圖循環它時遇到問題。

我的PHP：

$args = array(
    'post_type' => 'post' 
); 
$query = new WP_Query($args); 

// Pass the $query object to the success function in my script. 
echo json_encode($query); 

在我的劇本我的成功函數：

success: function(data) { 
    // I'd like to loop through the query object here. 
},... 

我知道如何通過WP_Query對象服務器端循環：

if ($query->have_posts()) { 
    while ($query->have_posts()) { 
     $query->the_post(); 
     echo get_the_title(); 
    } 
} 

但如何我可以在我的腳本中使用jQuery成功函數中循環查詢對象嗎？

Answer 1

嘗試迭代它像這樣：

for(var i in data) { 
    if(data.hasOwnProperty(i)) { 
    console.log(data[i]); 
    } 
} 

Answer 2

最好的辦法是使用的getJSON功能的jQuery http://api.jquery.com/jquery.getjson/和遍歷像任何其他JavaScript變量。

例如。

for (var object in data) { 
    ....do stuff 
} 

Answer 3

我問你是想要返回整個WP_Query對象，還是僅僅查詢結果（posts屬性）。我建議的方法是：

$args = array(
    'post_type' => 'post' 
); 
$query = new WP_Query($args); 

// Pass the $query object to the success function in my script. 
echo json_encode($query->posts); 

...在jQuery的：

success: function(data) { 
    for(var i in data) { 
     var post = data[i]; 
     // Do something with post object here... 
    } 
},...