Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 如何使用jquery从外部json文件加载数据？_Javascript_Jquery_Arrays_Json_Ajax - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何使用jquery从外部json文件加载数据？

Javascript 如何使用jquery从外部json文件加载数据？

javascript jquery arrays json ajax

Javascript 如何使用jquery从外部json文件加载数据？,javascript,jquery,arrays,json,ajax,Javascript,Jquery,Arrays,Json,Ajax,这是我的app.js文件 $(document).ready(function () { $.getJSON("http://localhost:3000/db.json", function (data) { $(data.as).each(function (index, value) { console.log(value); }); }); }); 这是db.json文件 { "as": [

这是我的app.js文件

$(document).ready(function () {
        $.getJSON("http://localhost:3000/db.json", function (data) {

        $(data.as).each(function (index, value) {

            console.log(value);
        });
    });
});
这是db.json文件

{
  "as": [
    {
      "imageID": "1",
      "imageSource": "Popular Science 1",
      "alt": "Science 1"
    },
    {
      "imageID": "2",
      "imageSource": "Popular Science 2",
      "alt": "Science 2"
    }
  ]
}
例如，如何仅获取《大众科学2》？ 如果我写
console.log（值[1]），将显示一个错误。如何为数组编制索引？
您只需使用：


value.imageSource


这里的对象是
value



const data={as:[{imageID:“1”，imageSource:“科普1”，alt:“科普1”}，{imageID:“2”，imageSource:“科普2”，alt:“科普2”}；
$（data.as）.每个（函数（索引、值）{
console.log（value.imageSource）；
});

在JavaScript和大多数编程语言中，数组是通过基于零的索引访问的。[0]第一项，[1]第二项，等等，但我只想展示《科普2》？如何使用？您可以使用
console.log（data.as[1].imageSource）或
控制台.log（数据？.as[1]？.imageSource）