从JSON数据显示图像?

时间:2015-04-01 17:39:47

标签: javascript json image parsing

JSON网址为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;
});

这个输出是gamestats.ga/bfh/ranks/r57.png,但不是实际图片。

1 个答案:

答案 0 :(得分:2)

更改此行...

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

到...

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