导出JSON数据库以在JavaScript中使用

发布于12月20日

我刚刚开始自己学习JavaScript，我有一个问题要问.

我有一个我创建的JSON数据库，以及一个连接到这个相同数据库的JavaScript文件，在另一个js文件上，我有一个用按钮调用的函数，我如何使用该函数将数据从我的JSON数据库获取到js文件中？

下面是我的代码现在的样子

Index.html

<head><script src="脚本.js脚本.js" type="text/javascript"></script><script src="db_connection.js" type="module"></script></head><body><button onclick="showData()">Show Data</button></body>

脚本.js脚本.js

import { data } from "./db_connection.js"; function showData() {   console.log(data[0].name); }

db_connection.js

import data from "./Database.json" assert { type: "json" }; export default { data };

Database.json

[   { "id": 1, "name": "Jason", "year": 2020 },   { "id": 2, "name": "Freddy", "year": 2021 } ]

控制台返回"unauCapt SynaxError:Cannot Use IMPORT STATEMENT OF A MODULE"和"UNAUT ReferenceError:showData is not Defined at HTMLButtonElement.onClick"

有人能帮忙吗？

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScript JSON Example</title> <script src="script.js" type="module"></script> <script src="db_connection.js" type="module"></script> </head> <body> <button onclick="showData()">Show Data</button> </body> </html>

导出JSON数据库以在JavaScript中使用

推荐答案

Javascript相关问答推荐

使用JavaScript单击上一个或下一个特定按钮创建卡滑动器以滑动单个卡

Cypress -使用commands.js将数据测试id串在一起失败，但在将它们串在一起时不使用命令有效

单击子元素时关闭父元素(JS)

成功完成Reducers后不更新状态

有没有可能使滑动img动画以更快的速度连续？

如何从调整大小/zoom 的SVG路径定义新的d属性？""

如何在 cypress 中使用静态嵌套循环

如何在输入元素中附加一个属性为checkbox？

S文本内容和值不必要的不同

将内容大小设置为剩余可用空间，但如果需要，可在div上显示滚动条

如何发送从REST Api收到的PNG数据响应

删除加载页面时不存在的元素(JavaScript)

我想使用GAS和HTML将从Electron 表格中获得的信息插入到文本字段的初始值中

将相关数据组合到两个不同的数组中

如何在FiRestore中的事务中使用getCountFromServer

用Reaction-RT-Chart创建实时条形图

我在哪里添加过滤器值到这个函数？

如何使用useparams从react路由中提取id

观察子组件中的@Output事件emits 器？

Js问题：有没有办法将数据从标记表转换成图表？