如何使用<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调用

回答

相关问题