正文 

当前位置： 首页 > 问答 >

如何在 Javascript 中加载本地 JSON 文件

     2023-03-22     127

关键词：

【中文标题】如何在 Javascript 中加载本地 JSON 文件【英文标题】：How to load local JSON files in Javascript 【发布时间】：2011-04-23 05:09:45 【问题描述】：

我正在编写一个需要从本地 JSON 文件加载一些初始化数据的网络应用程序（嗯，实际上它最终将是一个 OS X 仪表板小部件，但我决定首先将其原型化为一个简单的网页）。我的代码如下所示：

function loadDatos()    
    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', 'datos.json', true);
    xobj.onReadyStateChange = function () 
        if (xobj.readyState == 4) 
            var jsonTexto = xobj.responseText;
            ProcessTheData(jsonTexto);
        
    
    xobj.send(null);

从 HTML 文件的 BODY 标记中的 onLoad() 事件调用该函数。现在，根据我在调试时看到的情况，函数被执行，但 onReadytStateChange 事件处理程序永远不会被调用。

我该怎么办？我认为使用 XMLHttpRequest 访问本地文件有点奇怪，但是我看到的处理这个问题的新教程似乎说它应该可以工作（我见过的 99% 的文档都在谈论如何从远程服务器加载 JSON，而不是从本地文件）。

我正在使用 Firefox 3.6.10 进行测试，但我也尝试使用 Safari 4。

【问题讨论】：

这就是为什么我在 2005 年推动在 JSON 对象声明之前选择赋值子句的原因，当时所有各种编程语言 JSON 客户端都急于实现临时标准化：web.archive.org/web/20060212113746/htmatters.net/htm/1/2005/07/…跨度> 你想要 application/json，但如果文件是本地的，它不会有那个 mime 类型。尝试将覆盖注释掉 【参考方案1】：

onreadystatechange 属性没有大写字母。请参阅：MDC XMLHttpRequest

【讨论】：

【参考方案2】：

除非我们添加扩展 .json 和 MIMETYPE application\json，否则 IIS 会抛出错误。

请看这里：http://www.microsoft.com/technet/prodtechnol/WindowsServer2003/Library/IIS/cd72c0dc-c5b8-42e4-96c2-b3c656f99ead.mspx?mfr=true

【讨论】：

如何在 Flutter Mobile App 中加载和查询本地 json 数据

】如何在FlutterMobileApp中加载和查询本地json数据【英文标题】：HowcanItoloadandquerylocaljsondatainFlutterMobileApp【发布时间】：2018-12-2322:07:41【问题描述】：这是我的key:value配对的本地json。我需要加载，稍后我需要用于查询。那么，呢... 查看详情

在 NativeScript 应用程序中加载本地 HTML/JavaScript/CSS

】在NativeScript应用程序中加载本地HTML/JavaScript/CSS【英文标题】：LoadLocalHTML/JavaScript/CSSInsideNativeScriptApp【发布时间】：2019-05-1223:00:50【问题描述】：对于使用Angular的NativeScriptiOS和Android应用程序，我如何在WebView中加载具有JS和CSS... 查看详情

HTML/Javascript：如何访问在带有 src 集的脚本标签中加载的 JSON 数据

】HTML/Javascript：如何访问在带有src集的脚本标签中加载的JSON数据【英文标题】：HTML/Javascript:howtoaccessJSONdataloadedinascripttagwithsrcset【发布时间】：2021-12-2118:33:18【问题描述】：我有我在服务器中生成的这个JSON文件，我希望在客户... 查看详情

在 webview 中加载本地 javascript？

】在webview中加载本地javascript？【英文标题】：Loadlocaljavascriptinwebview?【发布时间】：2015-09-1509:15:28【问题描述】：我正在用自己的广告快速制作移动浏览器，我想运行脚本。我已经注入了javascript本地文件，但它在其他窗口中打... 查看详情

无法在 Flutter 中加载本地 JSON 文件

】无法在Flutter中加载本地JSON文件【英文标题】：NotabletoloadlocalJSONFileinFlutter【发布时间】：2020-10-1503:02:45【问题描述】：我正在开发一个个人Flutter项目，其中包含一些本地存储的JSON文件这是代码classCCategoryextendsStatefulWidget@overri... 查看详情

在 Python 中加载 JSON 代码的问题

...服务器发送一个JSON字符串，但是它失败了。这是我使用JavaScript通过websocket发送的内容：ws.send(\'"test":"test"\');服务器收到它没有问题，但无法验证它：" 查看详情

在 Chrome 扩展中加载沙盒 iframe 的 JavaScript 错误（本地存储、cookie）

】在Chrome扩展中加载沙盒iframe的JavaScript错误（本地存储、cookie）【英文标题】：JavaScripterrors(localstorage,cookie)loadingsandboxediframewithinChromeExtension【发布时间】：2017-04-2507:47:40【问题描述】：我正在编写一个Chrome扩展程序，它在沙盒... 查看详情

如何在张量流中加载本地图像？

】如何在张量流中加载本地图像？【英文标题】：Howtoloadlocalimagesintensorflow?【发布时间】：2020-02-2213:07:55【问题描述】：我从tensorflow文档中发现加载名为“flower_photos”的数据集的代码是data_dir=tf.keras.utils.get_file(origin=\'https://stora... 查看详情

在一个活动中加载单个片段两次，从本地json文件中加载2个问题(代码片段)

...代码。我刚刚在一个布局中添加了所有问题我真的不知道如何做我问的问题以及如何保存下一个和 查看详情

如何在 Wordpress 插件中加载 Javascript

】如何在Wordpress插件中加载Javascript【英文标题】：howtoloadJavascriptinWordpressPlugin【发布时间】：2012-02-2620:27:01【问题描述】：谁能告诉我如何将此javascript文件包含到我的wordpress插件中。我已经尝试了所有wp_enqeue_script()方法，但没... 查看详情

如何在 Swift 中的 UIWebView 中加载本地 PDF

】如何在Swift中的UIWebView中加载本地PDF【英文标题】：HowtoLoadLocalPDFinUIWebViewinSwift【发布时间】：2015-06-2307:17:37【问题描述】：所以我目前正在尝试显示我在UIWebview中的本地PDF，这是我正在使用的代码：@IBOutletweakvarwebView:UIWebView!o... 查看详情

如何在 Android Webview 中加载网页之前注入 javascript？

】如何在AndroidWebview中加载网页之前注入javascript？【英文标题】：HowinjectjavascriptbeforethewebpageloadinginAndroidWebview?【发布时间】：2014-07-1809:53:46【问题描述】：真的需要有人帮帮我。我试图在页面加载到androidwebview之前将javascript注... 查看详情

如何在 epub xhtml 中加载 javascript 模块

】如何在epubxhtml中加载javascript模块【英文标题】：Howtoloadjavascriptmoduleinepubxhtml【发布时间】：2021-09-0921:10:55【问题描述】：我有一本电子书(ebook1.epub)，它可以像这样加载一个javascript文件(script1.js)：catEPUB/xhtml/raw/ch1.xhtml<!--?xmlv... 查看详情

如何使用 Xamarin iOS 在 UIWebView 中加载本地 xlsx 文件

】如何使用XamariniOS在UIWebView中加载本地xlsx文件【英文标题】：HowtoloadalocalxlsxfileinaUIWebViewusingXamariniOS【发布时间】：2016-02-0113:56:55【问题描述】：您好，我正在尝试在UIWebView中加载xlsx文件在Xamarin提供的文档之前，您应该能够使... 查看详情

我想在 html 中加载一个 json 脚本（本地），用作表格

】我想在html中加载一个json脚本（本地），用作表格【英文标题】：Iwanttoloadajsonscript(locally)inhtml,touseasatable【发布时间】：2021-12-2601:02:38【问题描述】：这是我想从外部调用的json文件，它位于我的html文件中，位于一个名为“api... 查看详情

如何在 Android WebView 中加载本地图像

】如何在AndroidWebView中加载本地图像【英文标题】：HowtoloadlocalimageinAndroidWebView【发布时间】：2017-07-0502:39:14【问题描述】：我正在尝试将存储在数据库中的包含图像的html字符串加载到WebView中。图像存储在内部存储器中。我给出... 查看详情

如何在 PowerBuilder WebBrowser 控件中加载 javascript

】如何在PowerBuilderWebBrowser控件中加载javascript【英文标题】：HowtoloadjavascriptinPowerBuilderWebBrowsercontrol【发布时间】：2021-07-3003:45:51【问题描述】：我是第一次在PowerBuilder2019R2中使用新的WebBrowser对象。我需要让它访问一个包含js脚... 查看详情

如何在 Next.js 中加载外部图像？

...magesinNext.js?【发布时间】：2021-04-2817:45:47【问题描述】：JavaScript并且我正在从https://picsum.photos加载随机图像，但它无法正常工作。请注意，目前，我不想在next.js中使用新的图像优化。本地图像工作，但外部图像不工作。下面是... 查看详情