javascript - 显示 JSON 数据中的图像？

Question

JSON URL 为 http://api.bfhstats.com/api/playerInfo?plat=pc&name=1ApRiL&output=js

第 16 行它包含“imgLarge”部分，我试图在我的网站上显示图像。当我将数据解析到我的网站时，它当前仅显示字符串，而不是实际图像。

这是我目前拥有的代码:

$("#playerstuff").submit(function() {
    $.ajax({
        type: "GET",

        url: 'http://api.bfhstats.com/api/playerInfo?plat=' + document.getElementById("platform").value +'&name=' + document.getElementById("playername").value,  
        //datatype : "json",
        success: function(data)
        {
            document.getElementById("playerrank").innerHTML = 'gamingstats.ga/' +data["player"]["rank"].imgLarge;
                            $("#formpanel").hide();
                            $("#dataret").show();
        }
    });
    return false;
});

其输出是 gamesstats.ga/bfh/ranks/r57.png 的 URL，但不是实际的图像。

Answer 1

更改此行...

document.getElementById("playerrank").innerHTML = 'gamingstats.ga/' +data["player"]["rank"].imgLarge;

到...

document.getElementById("playerrank").innerHTML = '<img src="http://gamingstats.ga/' +data["player"]["rank"].imgLarge + '" />';