使用 JSON 文件作为 Javascript Web 应用程序的数据库

2024-01-03

我想知道是否有任何方法可以仅使用 JSON 文件作为数据库来直接读取和写入文件。

我正在创建一个快速的 Mockup Web 应用程序,我的公司想要构建它,但他们希望看到 MVP,看看它是否有用,然后再投入资源和时间使用真实的数据库、节点等正确构建它......

目前只是为了获得一些基本功能,例如从 JSON 读取数据和填充下拉列表等......

我想知道是否可以设置一个 JSON 文件来写入和读取?

目前,我正在像读取 API 一样读取 JSON:

function loadJSON(callback) {

    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', 'pmApp.json', true);
    xobj.onreadystatechange = function () {
        if (xobj.readyState == 4 && xobj.status == "200") {
            // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
            callback(xobj.responseText);
        }
    };
    xobj.send(null);
};

// Run loadJSON - 
loadJSON(function (response) {
    var json = JSON.parse(response); // Parse JSON string into object

    appJS(json); //Run the App pass in json variable
});

抱歉,如果这是重复的,我已经搜索过但找不到答案。


如果你想写信给它,不。 如果您只是在浏览器中使用 JavaScript,则无法写入文件。您需要在后端有一些 API,您可以向其发送写入请求。

如果您只是制作一个简单的模型,打算用于快速演示,而没有其他目的,那么您可以考虑在浏览器中使用 localStorage 或 sessionStorage 来临时存储用于快速演示的数据。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JSON 文件作为 Javascript Web 应用程序的数据库 的相关文章

随机推荐

  • Objective-C 整数运算

    我正在尝试在 iPhone 应用程序中计算一些数字 int i 12 int o 60 i 50 1000 在本例中 我希望 o 为 100 即毫秒 但如 NSLog d o 显示的那样 它等于 0 这也等于 0 int o 60 i 50
  • nuget pack [someProject.csproj] 不允许我更改标题或描述

    我知道如果我在包中指定 nuspec 我可以更改作者和描述 即nuget pack someSpec nuspec 但我希望我的项目成为 事实的唯一来源 不幸的是 我似乎无法通过命令行开关更改标题 描述 作者 我想这会起作用 nuget p
  • 为什么单击按钮时对象不移动?

    单击按钮时对象不会移动 为什么会这样呢 function animate var object document getElementById object style var x 100 object left x px object p
  • .php 文件的字符编码错误

    为 MarkersController php 创建了一条返回 json 的路线 但是当我导航到该路线时 出现以下错误 HTML 文档的字符编码未声明 如果文档包含 US ASCII 范围之外的字符 则在某些浏览器配置中 该文档将呈现为乱码
  • 使用 RegExp 匹配括号数字然后递增它

    我一直在尝试找到一种方法来匹配 Javascript 字符串中的数字 该数字在字符串末尾用括号括起来 然后递增它 假设我有一个字符串 var name Item Name 4 我需要一个 RegExp 来匹配 4 部分 然后我需要增加 4
  • 如何在angularjs中重新定义模块?

    我希望我可以在引导后将一个模块附加到主模块 我发现这个问题 https github com angular angular js issues 3881 https github com angular angular js issues
  • p:commandButton 渲染属性在 ajax 更新后不起作用 (Primefaces 3.5)

    我多次收到我的代码 但没有发现有关它的问题 我对 p commandButton 呈现的属性有疑问 即使 getter 方法返回 false p commandButton 也始终显示 这是在 ajax 更新后发生的 我有一个带有 p aj
  • 如何在 Rust 中对字符串进行大小写折叠?

    我正在编写一个简单的全文搜索库 需要大小写折叠来检查两个单词是否相等 对于此用例 现有的 to lowercase https doc rust lang org std primitive str html method to lower
  • 将 Visual Studio 2010 Professional 连接到 TFS

    是否可以将 Visual Studio 2010 专业版连接到 TFS Codeplex 上托管的项目 这表明它不包含在专业版中 http www microsoft com visualstudio en us products http
  • 如何使用 ionic-cli 通过 Crosswalk lite 构建 android?

    当我使用 Crosswalk 编译 APK 时 ionic browser add crosswalk ionic build android 大小太大 20 MB 我认为使用 crosswalk lite 会减少编译后的 APK 的大小
  • 使用 AsyncTask 在后台服务中添加 Android 进度对话框,出现致命异常

    我正在打电话异步任务从预定服务每 10 分钟运行一次 运行服务时 进度对话框从以下位置获取异常预执行 ERROR FATAL EXCEPTION main android view WindowManager BadTokenExcepti
  • C# - 比较两个 CSV 文件并给出输出

    需要一些帮助 我有两个信息源 并且这些信息由不同的程序导出到两个不同的 CSV 文件 它们应该包含相同的信息 但这正是需要检查的内容 因此我想做的事情如下 从两个文件中获取信息 Compare 输出任何差异以及差异所在的文件 例如文件 A
  • 使用 cypress 上传/导入 Excel 文件

    I ve a UI similar to 我需要将已放置在固定文件夹中的 xlsx 文件上传到应用程序中 有什么建议如何使用 cypress 来做到这一点吗 这是我发现的解决方案 安装 cypress 文件上传 npm install sa
  • 什么时候使用多线程?

    什么时候在应用程序中使用线程 例如 在简单的 CRUD 操作中 使用 smtp 如果服务器面临带宽问题 则调用可能需要一些时间的 Web 服务等 老实说 我不知道如何确定是否需要使用线程 我知道一定是当我们期望某个操作需要一些时间才能完成时
  • 根据条件计算项目

    商店的初始状态是 let initialState items itemsCount 0 completedCount 0 当我使用以下类型发送操作时ADD ITEM新项目被添加到items数组和itemsCount是递增的 虽然我不确定我
  • 向 Kubernetes 上的 CoreDNS 服务添加一条简单的 A 记录

    问题是这样的 我们有几个 microk8s 集群运行在不同的网络上 但每个人都可以访问我们的 NAS 所在的存储网络 在 Kubernetes 中 我们使用 nfs provisioner nfs externalsubdir 创建磁盘 有
  • 既然 Microsoft Edge 使用了 Chromium,那么它的渲染效果是否与 Chrome 相同?什么时候它会呈现不同的效果? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我知道 Microsoft Edge 现在在底层使用 Chromium 我是否可以假设 Chrome 呈现网站的方式与 Edge 中的
  • 为什么我的 Lucene 索引被锁定?

    我的搜索出现问题 无法返回我期望的结果 我尝试在我的索引上运行卢克 但它说它已锁定 我需要强制解锁它 尽管我不是绝地 西斯 我尝试删除索引文件夹并运行我的 recreate indicies 应用程序 但该文件夹已被锁定 使用unlocke
  • 如何访问 iPhone 中的视频。下载的视频存储在哪里?

    如何在 iPhone 上访问视频 下载的视频存储在哪里 是否有任何示例代码可用于在 iPhone 上访问视频 提前致谢 没有 已记录的 方法可以在没有用户交互的情况下以编程方式访问视频 照片库 您唯一的选择是实例化并显示UIImagePic
  • 使用 JSON 文件作为 Javascript Web 应用程序的数据库

    我想知道是否有任何方法可以仅使用 JSON 文件作为数据库来直接读取和写入文件 我正在创建一个快速的 Mockup Web 应用程序 我的公司想要构建它 但他们希望看到 MVP 看看它是否有用 然后再投入资源和时间使用真实的数据库 节点等正