如何使用<img src= >與Ajax調用

我想通過使用Ajax GET插入圖片到id「pokedex-view」。我認爲「spriteurl」正在顯示正確的道路。但是無法正常工作，並且找不到本地文件夾的設備。這段代碼有什麼問題嗎？謝謝。如何使用<img src= >與Ajax調用

function populatePokedex() { 

    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", "https://webster.cs.washington.edu/pokedex/pokedex.php?pokedex=all"); 
    xhr.onload = function(){ 
     if (this.status == 200) { 
      var picArr = this.responseText.split("\n"); 

      for(var i=0; i < picArr.length; i++){ 
       var eachName = picArr[i].split(":") 
       var spriteurl = "/Pokedex/sprites/" + eachName[1]; 
       document.getElementById("pokedex-view").innerHTML += spriteurl 
       document.getElementById("pokedex-view").innerHTML += "<img src = spriteurl>"; 
      } 
     } else { 
      document.getElementById("pokedex-view").innerHTML = "ERROR: Status: " + this.status + ", " + this.statusText; 
     } 
    } 
    xhr.onerror = function(){ 
     document.getElementById("pokedex-view").innerHTML = "ERROR"; 
    } 
    xhr.send(); 
    }

來源

2017-05-06 Tak

沒有你的HTML是什麼樣子，特別是部分有關到'pokedex-view'？ – Sasang

再做連接或內插分配的spriteurl爲src屬性的方式：

document.getElementById("pokedex-view").innerHTML += '<img src="' + spriteurl + '">'

或者：

document.getElementById("pokedex-view").innerHTML += `<img src="${spriteurl}">`

來源

2017-05-06 23:28:41

第一個完美的工作。非常感謝。 – Tak

不客氣，你可以將答案標記爲接受，如果這是你正在尋找。 –

是的，我做到了！這很有幫助。 – Tak

如何使用<img src= >與Ajax調用

回答

相關問題