Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要从JSON文件中获取名称数据_Javascript_Html_Json_Getjson - Fatal编程技术网

Javascript 需要从JSON文件中获取名称数据

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

我需要从JSON文件中获取名称这段代码怎么了? 我想从每个结果中获得name值,并将它们添加到body中

        <!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删除它吗?我对协议没有把握。我在另一个答案被编辑之前做了这个。我通常会删除我自己的答案,如果它与其他人的基本相同,除非我在解释中添加了额外的内容。但我也不是在寻找名声的颠簸,我还有很多事情要做。:)