如何在一个js文件内引用json文件

JavaScript010

如何在一个js文件内引用json文件,第1张

如果要使用js读取json文件，那么ajax操作是必须的了。原生ajax有点麻烦，我想你们项目一定用了什么js库，这里给个jquery的例子：

$.get('xx.json路径', function(data){

alert(data)// data即为json文件内容里的json数据

}, 'json')如果把这个文件的内容读取为纯文本，可以修改$.get的最后一个参数json为text，或者删掉这个参数，默认也是text。

如果数据是固定的有两种方法

1.把json数据定义为一个变量

var json = {"a":1,"b",2}

//这样可以直接调用，数据太多可以放到一个额外的 js 文件上

2.数据写在一个文件上，命名为a.json

$.getJson(url,funciton(rs){

    //url是文件路径，例如  ../json/a.json

    //rs就是返回的json数据了

})

如果数据是后台传过来的

$.post(url,data,function(rs){

    //url是后台controller的方法的路径

    //data 是传到后台的json格式的参数，可选

    //rs是返回的数据

},"json")//最后这个json不能漏

向本地写入数据的方法有以下几点：

1、ajax把要写的数据提交到后台后后台用io写  纯前台貌似正规途径不可能的样子。

2、如果写到服务器端呢。就是所谓的localhost:8080

3、ajax把要写的数据提交到后台后后台用io写  纯前台貌似正规途径不可能的样子，如图：

如果写到服务器端呢。就是所谓的localhost:8080

4、javasript能读取本地的json文件，但是无法写入，读取也本来就是hack的形式读取的，并不像服务端语言那样可以直接操作io，所以最好是后端语言结合使用操作io。