gpt4 book ai didi

javascript - 无法从 JSON 文件获取数据到新函数中

转载 作者:行者123 更新时间:2023-11-30 13:59:27 24 4
gpt4 key购买 nike

<分区>

我对 Javascript 还是有点陌生​​。现在我正在构建一个 Web 应用程序,我想在其中显示 data.json 文件中的项目并搜索这些项目。

我有一个 fetchItems() 函数,我可以在其中获取 data.json。在此之后,我使用 initItems() 函数显示 index.html 中的项目。

问题是我希望 searchItems() 函数中的 fetch 调用中的那些“项目”也可用。使用这些“项目”,我计划过滤项目。不幸的是,我遗漏了一些东西,这就是为什么 searchItems.js 中的 console.log 返回 undefined 的原因。

我用 async 和 await 尝试了不同的东西,但也无法让它工作。

索引.js

import { fetchItems } from "./src/js/fetchItems";
import { searchItems } from "./src/js/searchItems";

fetchItems();
searchItems();

获取项目.js

export function fetchItems() {
return fetch("./src/data/data.json")
.then(response => response.json())
.then(items => initItems(items));
}

function initItems(items) {
for (let item of items) {
let appItem = document.createElement("app-item");
let appItems = document.getElementById("app-items");
appItems.appendChild(appItem);

appItem.setAttribute("name", item.name);
appItem.setAttribute("description", item.description);
}
}

搜索项.js

export function searchItems(items) {
console.log(items);
}

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com