無法獲得的Klout得分用ajax

Question

我想顯示網頁

上的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分數顯示我做錯了什麼？

任何幫助將是巨大的

Answer 1

您必須刪除該行代碼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> 

它是安全的方法來包裝你append到if-else塊，因爲它會很容易和有關決定響應類型（爲空或不是）

Answer 2

不知道爲什麼你不只是使用您找回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>