显示来自单独REST端点的主题标签

时间:2019-03-31 02:59:32

标签: ajax

我对异步编程和使用REST API比较陌生。我需要向第二个端点(在初始请求中)发出请求,在此我传递一个postId来接收主题标签。 我可以查看第二个主题标签请求中的数据,并且已经将其存储在数组中,但是,当我尝试使用索引检索数据时,无法查看结果。 我需要在帖子图块上显示这些主题标签。请参见下图:

Resource tiles without hashtags 我试图通过索引分布forEach,映射和查看数组项。我无法操纵数据。

.then( function( data ) {
   // Add result data to resources array.
   resources.push( ...data );
   if ( resources.length == totalCount ) {
       $("#loader > span").removeClass("spinner-loader");
       var displaying = 0;
       if(resources.length >= 0) {
           resources.forEach((item, index) => {
               if(index < pageValue) {
                   //empty array for adding hastags to
                   var hashTags = [];
                   function getTags(postId){
                       $.when(
                           $.getJSON("http://localhost:8888/who/wp-json/wp/v2/hashtag?post=" + postId))
                           .then(hashtags=>{
                               hashtags.forEach(hashtag=>{
                                   hashTags.push({"hashtag" : hashtag.name});
                               });
                           })
                               //I assume that the second then is needed to process the array once the first then has completed
                               .then(data=>{
                               hashTags.forEach(item => {
                                   for (var tag in item) {
                                       return item[tag];
                                       }
                               });
                           })
                   }
                   getTags(item.id);
                   console.log("Hastag array:", hashTags); // will display array
                   console.log("First hastag:", hashTags[0]); //displays undefined
                   $('#resources-container').append(

0 个答案:

没有答案