Javascript 从JSON获取Gravatar Img

我试图解析将显示用户Gravatar图像的数据。JSON如下：第34行是“uGava”，这是他们的gravatar URL。那么应该是/+uGava

目前，我有一个表单，要求用户输入一个名称并选择一个平台

这是我的代码：

$("#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 = '<img src="http://gamingstats.ga/' +data["player"]["rank"].imgLarge + '" />';
                            $("#formpanel").hide();
                            $("#dataret").show();
                            $("#playerimg").show();
        }
    });
    return false;
});

我也只是有一个标准的形象

<div class="user-img-div" id="playerimg" style="display: none;" >
<center><img src="img.png" class="img-circle"></center>

</div>

---

因此，我的问题是如何使用该标准图像显示JSON数据中的用户Gravatar？

您获得的数据是纯JS，而不是JSON。此外，当对象属性中没有特殊字符时，不需要使用括号表示法。将AJAX调用更改为以下内容：

$("#playerstuff").submit(function(e){
    e.preventDefault();

    $.ajax({
        type: "GET",
        url: 'http://api.bfhstats.com/api/playerInfo?plat=' + document.getElementById("platform").value +'&name=' + document.getElementById("playername").value,
        // script data type
        datatype: "script",
        success: function(){
            var data = window.pd;
            $("#playerrank").html('<img src="http://gamingstats.ga/' +data.player.rank.imgLarge+'"/>');
            $("#formpanel").hide();
            $("#dataret").show();
            // Use Gravatar as user image
            $("#playerimg").attr('src', 'http://gravatar.com/'+data.player.uGava).show();
        }
    });
});

$("#playerstuff").submit(function(e){
    e.preventDefault();

    $.ajax({
        type: "GET",
        url: 'http://api.bfhstats.com/api/playerInfo?output=json&plat=' + document.getElementById("platform").value +'&name=' + document.getElementById("playername").value,
        // script data type
        datatype: "json",
        success: function(data){
            $("#playerrank").html('<img src="http://gamingstats.ga/' +data.player.rank.imgLarge+'"/>');
            $("#formpanel").hide();
            $("#dataret").show();
            // Use Gravatar as user image
            $("#playerimg").attr('src', 'http://gravatar.com/'+data.player.uGava).show();
        }
    });
});