jQuery - .get适用于1个URL，但不适用于另一个

Question

我有2个URL，我尝试使用jQuery的.get功能，第一个链接完美运行，但第二个不会将数据附加到div。

//Locate the input box 
 
var URL = $('#download'); 
 
//When button gets pressed 
 
function downloadURL(){ 
 
//Get the URL from the input box 
 
var downloadURL = URL.val(); 
 
//Get the contents of the JSON on the website linked 
 
     $.get(downloadURL, 
 
\t //add it to the output div 
 
      function(data){ 
 
       $("#output").append(data) 
 
      } 
 
    ); 
 
//Tell me that it has actually accepted the URL 
 
alert(downloadURL); 
 
}

<p> <input type="text" name="download" id="download" placeholder="Download URL"></p> 
 
<button onclick="downloadURL()">Test</button>       
 
<div id="output"></div>

的2个网址，我试图为：https://raw.githubusercontent.com/TemporalReality/modpacks/master/packs/ingenuity.json和http://widget.mcf.li/mc-mods/minecraft/224791-blood-magic.json

任何想法，为什么它为一个URL，而不是其他？或者更好的方法来做到这一点？

Answer 1

第二个URL将作为object而不是string返回。 $.append需要一个DOM对象或一个字符串。

如果你真的打算以这种方式追加它，你可以将它串联起来。

urls = []; 
urls.push("https://raw.githubusercontent.com/TemporalReality/modpacks/master/packs/ingenuity.json"); 
urls.push("http://widget.mcf.li/mc-mods/minecraft/224791-blood-magic.json"); 

$(urls).each(function(i, item){ 
    $.get(item, function(data){ 
    console.log(typeof data, item); // <-- watch the console 
    if (typeof data === "object") { 
     data = JSON.stringify(data); 
    } 
    $("#output").append(data).append('<hr>'); 
    }); 
}); 

假设你想要做一些更有趣有了它，你可以独自离开的对象和字符串转换为对象，具有JSON.parse或$.parseJSON。

if (typeof data === "string") { 
    data = JSON.parse(data); 
} 
console.dir(data);