前端js访问本地json文件怎么访问啊 访问成功后怎么在前端显示

问题1：js访问本地json

如果可以这样随意访问，你打开的任何网站不就可以通过js把你本地文件全部获取到了吗，这是非常危险的；这个不是技术上的能不能，而是安全策略问题，解决方法肯定有，大概是给浏览器某种授权。

我比较推荐换一种方式来解决这个问题，你要的结果是访问json文件，如果json文件不是很大的话，何不直接用个js变量保存它的值；

另外可以考虑部署到服务器，通过ajax请求获取，通过jquery可以如下写：

$.get('/content/test.json', function(data) {

  alert(data)})

问题2：如何在前端显示

js *** 纵DOM，可以简单粗暴地加到body里，当然有更好展现方式，推荐单独写个div：

$('body').append(data)

把你的这个.txt文件，改成.json文件（.js也可以）；

你可以做一个测试，将你的.json文件和你的调用js文件和你的页面放在一个目录下；然后$.getJSON(url, function(data){ // todo })// 这里的url直接是xx.json

如果你的页面和.js文件和.json文件不再一个目录，就要将url写成页面相对于.json文件的路径。

或者等等不一而足。

在Python中，可以使用json模块来处理json文件，并使用json.dumps()函数将json文件转换成字符串，然后再将字符串写入js文件中。

下面是一个将json文件转换成js文件的示例代码：

import json

# 读取json文件

with open('data.json', 'r') as f:

data = json.load(f)

# 将json文件转换成字符串

str_data = json.dumps(data)

# 将字符串写入js文件中

with open('data.js', 'w') as f:

f.write(f'var data = {str_data}')

在上面的代码中，首先读取json文件，然后使用json.dumps()函数将json文件转换成字符串，最后将字符串写入js文件中。

注意，在将json文件转换成js文件时，需要将字符串转换成js变量的形式，如"var data = {str_data}"。这样，就可以在js文件中使用data变量来访问原来的json数据了。

---