$ .each и $ .getJSON методы для массива ссылок

Question

После преобразования массива имен в массив ссылок URL для пользователей онлайн и офлайн и только имена закрытых учетных записей ["https://link_1","https://link_2",name(for closed account),"https//link_3",...] через метод $ .map и .getJSON внутри этого.

Я пытаюсь применить метод $ .each с условием внутри снова, поэтому, если элемент начинается с «http», я применил метод .getJSON для работы с объектом JSON элемента (link) и добавить к нему html значения их свойств (например, html + = json.name); если элемент не начинается с «http», добавьте только значение элемента (например, html + = значение). Это не работает; переменная html принимает индекс и значение внутри jQuery.each, но не объект json вложенного метода .getJSON. Где я проиграл?

channels=["https://link1","https://link2","name(for closed account)",....]; 
var html=""; 
$.each(channels,function(index,value){ 

    // for elements that are links 
    if(value.substring(0,4)=="http"){ 

     $.getJSON(value,function(json){ 
      html+=json.name; 
     }); 
    } 
     // for elements that are not links 
    else { 
     html+= value; 
    } 
}); 

Answer 1

Ваши запросы JSON будет возвращать асинхронно, так что если вы проверить значение html прямо под кодом предоставленной вами, ни один из этих запросов JSON не будут возвращены, поэтому соответствующие ответные данные будут отсутствовать в html.

Вместо этого вам необходимо использовать функцию обратного вызова запроса JSON, чтобы отслеживать, сколько ответов вы получили, и когда у вас есть все, только тогда сделайте что-нибудь с html.

Вот некоторые предлагаемые код:

function buildHtml(channels, ready) { 
    // Use an array, so you can store each response in the corresponding slot 
    var html = []; 
    // Keep a count of the replies you still need 
    var count = channels.length; 
    $.each(channels,function(index, value){ 
     // for elements that are links 
     if(value.substring(0,4)=="http"){ 
      $.getJSON(value,function(json){ 
       html[index] = json.name; 
       count--; 
       if (count == 0) { 
        // All is done, notify the caller: 
        if (ready) ready(html.join('')); 
       } 
      }); 
     } 
      // for elements that are not links 
     else { 
      html[index] = value; 
      count--; 
     } 
    }); 
    if (count == 0) { // Only true if there were no http entries: 
     // All is done, notify the caller: 
     if (ready) ready(html.join('')); 
    } 
} 

channels=["https://link1","https://link2","name(for closed account)",....]; 
// Provide a call back function that is called when html is complete: 
buildHtml(channels, function (html) { 
    console.log('The returned HTML is: ' + html); 
});