Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.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在html表中显示获取的对象_Javascript_Html - Fatal编程技术网

JavaScript在html表中显示获取的对象

JavaScript在html表中显示获取的对象,javascript,html,Javascript,Html,我有一个fetch函数,看起来像这样 { "wine_country": "France", "wine_name": "Petrus", "wine_region": "Bordeaux Pomerols - right bank", "wine_year": 1990 }, { "wine_country": "France", "wine_name": "Petrus", "wine_region": "Bordeaux

我有一个fetch函数,看起来像这样

  {
    "wine_country": "France",
    "wine_name": "Petrus",
    "wine_region": "Bordeaux Pomerols - right bank",
    "wine_year": 1990
  },
  {
    "wine_country": "France",
    "wine_name": "Petrus",
    "wine_region": "Bordeaux Pomerols - right bank",
    "wine_year": 1989
  }
let url='someurl.com';
var-dataObject_U8;=[];
获取(url)
.然后((res)=>res.json())
。然后(输出=>{
var huj=输出;
//控制台日志(huj);
dataObject_u.push.apply(dataObject,huj);
}
);
console.log(huj)输出->数组(10)
0:{葡萄酒国家:“法国”,葡萄酒名称:“拉菲·罗斯柴尔德”,葡萄酒地区:“波尔多顶级葡萄酒-左岸”,葡萄酒年份:2016}
1:{葡萄酒国家:“法国”,葡萄酒名称:“拉菲·罗斯柴尔德”,葡萄酒地区:“波尔多顶级葡萄酒-左岸”,葡萄酒年份:2000}
等
我有一张这样的桌子

var热设置={
数据:数据对象,
栏目:[
{
数据:“葡萄酒名称”,
键入:“文本”
},
{
数据:“葡萄酒年”,
键入:“数字”
},
{
数据:“葡萄酒产区”,
键入:“文本”
},
{
数据:“葡萄酒之乡”,
键入:“文本”
},
],
stretchH:'所有',
宽度:805,
autoWrapRow:是的,
身高:487,
马克斯罗:22,
manualRowResize:正确,
是的,
行标题:对,
列标题:[
“葡萄酒”,
“年”,
"地区",,
“国家”
],
是的,
这是真的,
上下文菜单:正确,
过滤器:是的,
下拉菜单:true
};
我的目标是使用
数据对象
在表中显示它。当我创建一个变量并从API复制粘贴json时,它工作得很好,但当我从API调用获取数据并将其推送到数组时,它不会以某种方式输出它。我尝试了不同的方法,但都不管用。JSON本身如下所示

  {
    "wine_country": "France",
    "wine_name": "Petrus",
    "wine_region": "Bordeaux Pomerols - right bank",
    "wine_year": 1990
  },
  {
    "wine_country": "France",
    "wine_name": "Petrus",
    "wine_region": "Bordeaux Pomerols - right bank",
    "wine_year": 1989
  }

很抱歉,我是JavaScript/前端的初学者,如果这看起来很可笑的话,那么基本上,一旦定义变量
g
,它将以
h
的值存储在全局内存中。它不会在h更改后更新,因为它不知道h是什么。它只关心初始化时所持有的值


当您从API中获取时,console.log(huj)的输出是什么?@alchemist95数组(10)具有itTry do Array.prototype.push.apply(dataObject,huj)中10个对象的正确API响应@alchemist95没有帮助不幸的是:(得到了。您应该执行Array.prototype.push.apply(hotSettings.data,huj)这是因为hotSettings已存储在内存中。hotSettings.data不会因为dataObject\中的更改而更新,这是因为在写入内存时,仅从dataObject\中获取了值。