问题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)由于安全问题，js是无法自动读取操作本地文件的，否则你浏览一个网页，你本地电脑的文件岂不是都暴露了……即使是你上传，选择文件的时候，也是给你的一个虚拟文件路径，并不能获取到文件的路径等信息。
通常情况下,网页中的JS脚本是无法直接对本地文件系统进行访问的,因为这涉及到用户数据安全的问题,所以,在浏览器的默认安全设置下是无法实现的.但如果你可以在本地配置好WEB服务,那么可以通过Ajax的方式访问本地站点下的txt文件,也可以通过后端支持,采用上传文件的方式解决.这两种方案都可以避开ActiveX和IE版本的问题.
