的Javascript：創建一個元素，然後設置使用for循環的IMG SRC

這裏是我的代碼：的Javascript：創建一個元素，然後設置使用for循環的IMG SRC

$.getJSON('https://api.syfaro.net/minecraft/1.2/server/info?ip=76.171.110.176&port=25565', function (data) { 
    document.getElementById('lastUpdate').textContent = "Last Update: " + data.last_update + "(GMT-6)"; 
    document.getElementById('version').textContent = "Minecraft Version: MC Release V" + data.version; 
    document.getElementById('serverVersion').textContent = "Server Version: Last Update " + data.motd; 
    if (data.status == "success") { 
     document.getElementById('online').textContent = "Server is online!"; 
     if (data.players === 0) { 
      document.getElementById('playerListHTML').textContent = "No players are currently online."; 
     } else { 
      for (var i = 0; i < data.playerList.length; i++) { 
       printList.push(data.playerList[i] + ".png"); 
       var img = document.createElement("img" + [i]); 
       img.setAttribute("id", "image" + [i]); 
       document.getElementById("image" + [i]).src = "http://signaturecraft.us/avatars/5/face/" + data.playerList[i] + ".png"; 
      } 
      //document.getElementById('playerListHTML').textContent = printList; 
     } 
    } else { 
     document.getElementById('online').textContent = "Server is not online... try again later."; 
     document.getElementById('playersListHTML').textContent = "Server is not online... try again later."; 
    } 
});

基本上，我想從一個網站的API，它得到的球員名單一個JSON在線作爲數組，爲每個玩家在線創建一個元素，然後將src（圖像源）設置爲玩家的臉部。以下是我在線時想要的src URL的一個示例：http://signaturecraft.us/avatars/5/face/BtheDestroyer.png

如果有人能夠弄清楚如何讓這個愚蠢的事情發揮作用，那麼我真的很感激這種幫助！

來源

2013-12-19 BtheDestroyer

什麼是不工作？你看到什麼錯誤信息？ – Marc

網址不會返回狀態=='成功'對我來說，但也許它是一個身份驗證的事情。您也可能會發現使用jQuery更新ui更容易。 –

+1我不明白你爲什麼使用jQuery來獲取內容，然後忽略它的其餘部分。 –

由於您使用jQuery將所有構造轉換爲使用jQuery語法。

的一個問題，我可以看到的是創建圖像元素不被添加到DOM結構所以儘量

$.getJSON('https://api.syfaro.net/minecraft/1.2/server/info?ip=76.171.110.176&port=25565', function (data) { 
    $('#lastUpdate').html("Last Update: " + data.last_update + "(GMT-6)") 
    $('#version').html("Minecraft Version: MC Release V" + data.version) 
    $('#serverVersion').html("Server Version: Last Update " + data.motd) 
    if (data.status == "success") { 
     $('#lastUpdate').html() 
     if (data.players === 0) { 
      $('#playerListHTML').html("No players are currently online.") 
     } else { 
      $('#playerListHTML').empty() 
      $.each(data.playerList, function (idx, player) { 
       $('<img/>', { 
        id: 'image[' + idx + ']', 
        src: "http://signaturecraft.us/avatars/5/face/" + player + ".png" 
       }).appendTo('#playerListHTML') 
      }) 
     } 
    } else { 
     $('#online').html("Server is not online... try again later.") 
     $('#playersListHTML').html("Server is not online... try again later.") 
    } 
});

演示：Fiddle

來源

2013-12-19 02:39:41

的Javascript：創建一個元素，然後設置使用for循環的IMG SRC

回答

相關問題