2017-04-18 81 views
0

我想显示网页无法获得的Klout得分用ajax

上的Klout得分显示这是我的代码

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script> 
    var settings = { 

    "url": "http://api.klout.com/v2/user.json/********/score?key=7fn6tcf3zvptq9sw47aknmjr&callback=?", 
    "method": "GET", 
    "dataType": "json", 
    "headers": {} 
    } 

    $.ajax(settings).done(function (data) { 
    console.log(data); 
    $(data, function(inf) { 
     $("#score").append('<li>' + inf.score + '</li>'); 
    }); 

    }); 
</script> 

<h2>Klout Score</h2> 
<ul id="score"></ul> 

JSON数据,即时通讯通话是如下

{"score":10.0,"scoreDelta":{"dayChange":0.0,"weekChange":0.0,"monthChange":0.0},"bucket":"10-19","unscored":true} 

我不能得到klout分数显示我做错了什么?

任何帮助将是巨大的

回答

0

您必须删除该行代码console.log后,如不执行它和append不起作用。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script> 
    var settings = { 

    "url": "http://api.klout.com/v2/user.json/233905743529873888/score?key=7fn6tcf3zvptq9sw47aknmjr&callback=?", 
    "method": "GET", 
    "dataType": "json", 
    "headers": {} 
    } 

    $.ajax(settings).done(function (data) { 
    console.log(data); 
    if(data){ //response is not null or undefined 
     $("#score").append('<li>' + data.score + '</li>'); 
    }else{ 
     alert('Empty response'); 
    } 


    }); 
</script> 

<h2>Klout Score</h2> 
<ul id="score"></ul> 

它是安全的方法来包装你appendif-else块,因为它会很容易和有关决定响应类型(为空或不是)

+0

Thankyou这工作对我来说,我明白你从哪里得到它从你的帮助非常感谢 –

+0

你能否请添加upvote和标记为接受,以便其他人可以知道它真的很有用。 –

+0

我upvoted两个答案,并选择了一个最适合我的工作,iv只加入了stackoverflow,所以它没有公开登记公众投票对不起 –

0

不知道为什么你不只是使用您找回data。试试这个。

var settings = { 
 

 
    "url": "http://api.klout.com/v2/user.json/233905743529873888/score?key=7fn6tcf3zvptq9sw47aknmjr&callback=?", 
 
    "method": "GET", 
 
    "dataType": "json", 
 
    "headers": {} 
 
    } 
 

 
    $.ajax(settings).done(function (data) { 
 
    console.log(data); 
 
    $("#score").append(
 
     $('<li/>').text(parseInt(data.score, 10)) 
 
    ); 
 

 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul id="score"></ul>

+0

感谢您对我upvoted的响应,代码工作,但我用上面的那个作为即时通讯新的ajax和json,并且更接近于我的问题中的代码,理解了这种响应。谢谢你的帮助,我会研究你的答案,并从中学习 –