は、私は、Webページ</p> <p>上kloutスコアを表示しようとしていますAJAX

Question

を使用して表示するようにスコアをklout取得できませんこれは私のコード

を次のようにイム呼び出しがあることをJSONデータ

 <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> 

です

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

kloutのスコアを表示すると、何が表示されますか？

すべてのヘルプは、あなたがちょうどあなたが戻って取得dataを使用していない理由を知ってはいけない

Answer 1

。

<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> 

それはそれは応答タイプを決定する上で簡単に、関連するだろうと

Answer 2

素晴らしいことです。代わりにこれを試してください。あなたはそれが実行されていないとappendが動作しないよう、console.log後にコード行を削除する必要が

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>