【问题标题】:Can't get Klout topics to show Ajax Json无法让 Klout 主题显示 Ajax Json
【发布时间】:2017-09-14 20:43:48
【问题描述】:

所以我设法让 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>

它的调用是 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"}]

我想展示每个主题,即相机,街头摄影,佳能,宝丽来等

任何帮助将不胜感激

【问题讨论】:

    标签: jquery json ajax api get


    【解决方案1】:

    响应是一个数组。你必须遍历它:

    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>

    【讨论】:

    • 谢谢你,效果很好,我赞成,但我是新用户,所以它不会公开显示
    • 没问题...编码愉快! ;)
    猜你喜欢
    • 1970-01-01
    • 2011-03-27
    • 2021-05-03
    • 2020-08-11
    • 2012-12-22
    • 1970-01-01
    • 1970-01-01
    • 2014-05-04
    • 2015-07-31
    相关资源
    最近更新 更多