无法让Klout主题显示Ajax
无法让Klout主题显示Ajax
提问于 2017-04-18 20:42:49
所以我设法得到了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>它的召唤是
[{"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"}]我想展示每一个主题，如相机，街头摄影，佳能，宝丽来等。
任何帮助都将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-04-18 20:48:23
响应是一个数组。你必须循环通过它：
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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43481847
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号