使用带有Last.FM API的jQuery $ .ajax创建/访问JSON对象
我最近更改了网站设计，现在需要对数据使用动态AJAX请求。基本上，我正在尝试使用JSON格式的Last.FM API检索用户数据。
我对此很陌生，尤其是JSON，这让我有些头疼！我知道我一定缺少简单的东西。
这是一些非常基本的代码，用于测试功能，但未检索任何内容！
<html>
<head>
<script src="./jquery/jquery-1.4.4.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$.getJSON("http://ws.audioscrobbler.com/2.0/?method=user.getTopArtists&user=test&api_key=690e1ed3bc00bc91804cd8f7fe5ed6d4&limit=5&format=json&callback=?", function(data) {
$.each(data.topartists.artist, function(i,item){
html += "<p>" + item.name + " - " + item.playcount + "</p>";
});
$('#test').append(html);
});
});
</script>
<div id="test"></div>
</body></html>
有什么建议？
我希望能够在整个页面中使用JSON对象，例如，在任何时候我都可以调用topartists.artist [i]
.playcount;。显示播放次数等。如何执行此操作？
问题答案：
html变量必须在范围之外声明each：
//var topArt;
$(document).ready(function() {
$.getJSON("http://ws.audioscrobbler.com/2.0/?method=user.getTopArtists&user=test&api_key=690e1ed3bc00bc91804cd8f7fe5ed6d4&limit=5&format=json&callback=?", function(data) {
var html = '';
$.each(data.topartists.artist, function(i, item) {
html += "<p>" + item.name + " - " + item.playcount + "</p>";
});
$('#test').append(html);
// topArt = data.topartists;
});
});
至于第二个问题，则需要一个全局变量。您可以将其放在前面$(document).ready()（如注释中所示），并且可以在任何地方访问它。
-
我正在尝试向后端发送一个JSON对象。基本上，我要做的是获得两个文本字段的输入，然后是所有选定文本框的列表。我的javascript代码如下所示： 我还不是javascript方面的专家，但从我在其他Anwer和帖子中发现的情况来看，这是我可以组合起来的，我认为它实际上可以工作。后端部分工作正常，正如我用PostMan测试的那样，非常正常。这就是JSON，我；我是邮递员寄来的，看起来像： Java
-
我有一种情况，我的ajax调用必须以特定的顺序执行。我在其他情况下使用了jQueryDeferred对象，但似乎找不到一种方法来使其正常运行。 我有一个函数，在它的生命周期中执行许多请求。一些请求将在其他请求的成功回调期间执行。 我的问题：当调用时，是否有方法将所有嵌套的延迟对象返回到原始的
-
问题内容： 我正在尝试使用FPDF创建pdf文件。 我现在所拥有的是一个HTML页面，其中包含各种数据行，并在其旁边有一个打印按钮。当有人单击“打印”时，我通过拨打AJAX来使用Jquery发送相应的数据。 这是我的JQUERY代码： 这是print.php 但是我没有得到PDF作为回报。怎么了？？实际上，什么都没发生。.我想获取pdf文件并发送给打印 问题答案： 要通过ajax加载PDF，可以尝
-
问题内容： 如何使用PHP实现或创建这种JSON对象？ 经过几次尝试，我没有找到解决方案。例如，我尝试了这个： 问题答案：
-
问题内容： 在某些情况下， 加号根本不会发布，将发送空格。我已经试过了： 没有运气。有人知道如何解决此问题吗？ 问题答案： 应该 或简单地
-
问题内容： 我正在尝试找到一种将jQuery自动完成与回调源结合使用的方法，该回调源通过ajax json对象列表从服务器获取数据。 有人可以给些指示吗？ 我用谷歌搜索，但找不到完整的解决方案。 问题答案： 带有源代码的自动完成文档中的完美示例。 jQuery HTML