纯js读取json文件：如何从本地读json文件

如何用angularjs读取本地json

直接访问是不行的，因为angularjs只是一个js的框架，而js的设计初衷不是为了访问本地资源的。可以通过在页面添加input文件域来对文件进行访问，文件必须由用户自己选择，而不能由js控制。当用户选择了文件之后，js脚本用FileReader就可以访问这个文件了。然后就能读取本地文件。

angularjs读取json中的某个字段的方法是利用json的api实现的。思路：先把js字符串转化成json结构，然后利用取属性运算符获取各个属性。

$http.jsonp【实现跨域】 指定callback和回调函数名，函数名为ON_CALLBACK时，会调用success回调函数，ON_CALLBACK必须全为大写。 指定其它回调函数，但必须是定义在window下的全局函数。url中必须加上callback。

form.x/$scope.form = { name： null， age： null， pwd： null， x： null}// 这里的form对象属性名 你可以设置为你需要提交给后台的键名// ON.stringify（form） // 这就是转换的json // 使用jquery 可以直接把 对象赋值给 data。

我们首先来创建一个module（模块），本文中的所有代码都会用到这个module。var module = angular.module（ my.new.module， [] ）；下一步，我们来创建一个新的rvice（服务）。假设我们上面的这个module是用来管理图书的。

q.all（{first： $http.get（json），cond： $http.get（json）}）.then（function（arr）{ console.log（arr）；angular.forEach（arr，function（d）{ console.log（d）；console.log（d.data）；}）}）；}）；q的详细使用方法网上的有很多。我也是刚接触。讲不好，不敢乱讲。

相关问答

问：纯js读取json文件：如何从本地读json文件-？

答：亲，纯 js 读取本地 json 文件呢，可以使用 XMLHttpRequest 对象来实现哦。

先创建一个新的请求，设置请求方法和文件路径，然后监听请求状态的变化，当状态为 4 且状态码为 200 时，就能获取到 json 数据啦！

问：js读取json配置文件？

答：哎呀，在 JavaScript 里读取 JSON 配置文件不难哦！可以用`fetch`函数获取文件，然后用`JSON.parse`方法把获取到的数据解析成 JSON 对象，这样就能读取和使用啦！是不是还挺简单的呀？

问：js读取本地json？

答：哎呀，在 js 里读取本地 json 呀，一般可以用 XMLHttpRequest 或者 fetch 函数来实现哦。

先获取文件路径，然后发送请求读取文件内容，再进行解析处理就行啦。

不过要注意处理各种可能的错误情况哟！

问：javascript读取本地json？

答：哎呀，在 JavaScript 里读取本地 json 呢，一般会用到 XMLHttpRequest 或者 fetch 这些方法啦。

先获取文件，然后解析内容，就能读取到啦。

不过要注意文件路径和权限问题哦，可别搞错啦！