无法获得Klout主题来显示Ajax Json

Question

So i managed to get the klout scores to show now i'm stuck with the klout topics it's coming up as undefined 因此，我设法获得了klout分数，以显示现在我陷入了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/29273435394300349/topics?key=7fn6tcf3zvptq9sw47aknmjr&callback=?",
    "method": "GET",
    "dataType": "json",
    "headers": {}
  }

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


  });
</script>

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

the json its calling is 的json它的调用是

[{"id":"8755541566022602326","displayName":"Cameras","name":"Cameras","slug":"cameras","imageUrl":"http://kcdn3.klout.com/static/images/cameras-1365719089171.jpg","displayType":"visible"},{"id":"10000000000000019045","displayName":"Street Photography","name":"Street Photography","slug":"street-photography","imageUrl":"http://kcdn3.klout.com/static/images/icons/generic-topic.png","displayType":"visible"},{"id":"5987004988760856409","displayName":"Canon","name":"Canon","slug":"canon","imageUrl":"http://kcdn3.klout.com/static/images/icons/generic-topic.png","displayType":"visible"},{"id":"1436","displayName":"Polaroid","name":"Polaroid","slug":"polaroid","imageUrl":"http://kcdn3.klout.com/static/images/icons/generic-topic.png","displayType":"visible"},{"id":"9219221220892053523","displayName":"Pablo Picasso","name":"Pablo Picasso","slug":"pablo-picasso","imageUrl":"http://kcdn3.klout.com/static/images/icons/generic-topic.png","displayType":"visible"}]

I want to show each of the topics ie Camera , Street Photography , Canon, Polaroid etc 我想展示每个主题，例如相机，街拍，佳能，宝丽来等

Any help would be greatly appreciated 任何帮助将不胜感激

Answer 1

The response is an array. 响应是一个数组。 You have to loop through it: 您必须遍历它：

 var settings = { "url": "http://api.klout.com/v2/user.json/29273435394300349/topics?key=7fn6tcf3zvptq9sw47aknmjr&callback=?", "method": "GET", "dataType": "jsonp" } $.ajax(settings).done(function (data) { for (var i = 0; i < data.length; i++) { $("#topics").append('<li>' + data[i].displayName + '</li>'); } });

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Klout</title> </head> <body> <h2>Klout Score</h2> <ul id="topics"></ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </body> </html>

无法获得Klout主题来显示Ajax Json

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-04-18 20:48:23

无法获得Klout主题来显示Ajax Json

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-04-18 20:48:23

解决方案1
0 已采纳 2017-04-18 20:48:23