Javascript 需要从JSON文件中获取名称数据
我需要从JSON文件中获取名称这段代码怎么了? 我想从每个结果中获得name值,并将它们添加到body中Javascript 需要从JSON文件中获取名称数据,javascript,html,json,getjson,Javascript,Html,Json,Getjson,我需要从JSON文件中获取名称这段代码怎么了? 我想从每个结果中获得name值,并将它们添加到body中 <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcI
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="crossorigin="anonymous"></script>
<script>
$.ajax({
type: "GET",
dataType: "json",
url: "https://wger.de/api/v2/exercise.json?category=8&language=2",
success: function(data){
$.each(data,function(index,object){
$("body").append("<div>"+object.name +"</div><br/>")
})
}
});
</script>
</head>
<body>
</body>
</html>
$.ajax({
键入:“获取”,
数据类型:“json”,
url:“https://wger.de/api/v2/exercise.json?category=8&language=2",
成功:功能(数据){
$.each(数据、函数(索引、对象){
$(“body”).append(“+object.name+”
)
})
}
});
唯一的问题是使用了错误的对象进行迭代
如果运行此代码段,您可以在控制台上看到返回的对象
$.ajax({
键入:“获取”,
数据类型:“json”,
url:“https://wger.de/api/v2/exercise.json?category=8&language=2",
成功:功能(数据){
console.log(数据)
}
});代码>
唯一的问题是使用了错误的对象进行迭代
如果运行此代码段,您可以在控制台上看到返回的对象
$.ajax({
键入:“获取”,
数据类型:“json”,
url:“https://wger.de/api/v2/exercise.json?category=8&language=2",
成功:功能(数据){
console.log(数据)
}
});代码>
提供给成功回调的数据
参数作为一个对象,其结果属性是一个对象数组
而不是将整个数据
对象传递给$。每个对象只需给它一个结果数组,如下所示:
success: function(data){
$.each(data.results, function(index, object){
$("body").append("<div>"+object.name +"</div><br/>")
})
}
成功:函数(数据){
$.each(数据、结果、函数(索引、对象){
$(“body”).append(“+object.name+”
)
})
}
提供给success回调的data
参数作为一个对象,其results属性是一个对象数组
而不是将整个数据
对象传递给$。每个对象只需给它一个结果数组,如下所示:
success: function(data){
$.each(data.results, function(index, object){
$("body").append("<div>"+object.name +"</div><br/>")
})
}
成功:函数(数据){
$.each(数据、结果、函数(索引、对象){
$(“body”).append(“+object.name+”
)
})
}
success回调中的data
参数在您记录时是什么样子的?它显示来自json的数据file@Axwell发布一个JSON示例。您可能误读了结构。@Barmar如何读取此JSON文件的结构在浏览器中打开URL。如果需要,可以使用jsonlint.com对其进行良好的格式化。如果记录成功回调中的data
参数,它会显示来自json的数据file@Axwell发布一个JSON示例。您可能误读了结构。@Barmar如何读取此JSON文件的结构在浏览器中打开URL。如果需要,请使用jsonlint.com对其进行良好的格式设置。在$的参数中需要数据。在$的参数中需要结果。在$的参数中需要数据。每个。这与Toug的答案相同。我是否应该在@Barmar删除它?我对协议没有把握。我在另一个答案被编辑之前做了这个。我通常会删除我自己的答案,如果它与其他人的基本相同,除非我在解释中添加了额外的内容。但我也不是在寻找名声的颠簸,我还有很多事情要做。:)这和Toug的答案一样。我应该在Barmar删除它吗?我对协议没有把握。我在另一个答案被编辑之前做了这个。我通常会删除我自己的答案,如果它与其他人的基本相同,除非我在解释中添加了额外的内容。但我也不是在寻找名声的颠簸,我还有很多事情要做。:)