首页 > js怎么读取本地json文件?

js怎么读取本地json文件?

现在有一个json文件名为 toto.json,然后我现在要遍历它再将它存到表格里。

我现在是嵌入json文件到我的html文件里面,因为json文件比较大。

所以我现在想单独存为一个json文件,然后用html去引用它,再解析,再存到html的表格table里。而不是像我这样把json文件全部放在html里.

我的代码如下:
var toto= {

"tweet": [
    {
        "ww": "222",
        "qq": "77",
        "ss": "7778",
        "gggg": adsa,
        "bbbb": [],
        "jjjj": "weqrqwerqwerqw",
        "rrr": "ZDFsadfasdfasdfa",
        "yyy": "asdfasdfasdfasdfasdfsadfas",
        "ddd": [
            "dddd",
            "aaaa",
            "ssss"
        ],
        "sssss": "",
        "sssssdd": "wenshaw",
        "rrttt": "2015-05-14",
        "uuuu": null,
        "rrrr": null,
        "qqq": null,
        "wwww": "2015-05-014",
        "id": q
    }]
    };

//遍历
for(var i=0;i<toto.tweet.length;i++)
{ //{alert(toto.tweet[i].id);}
var row = $("

")
$("#example").append(row); //this will append tr element to table... keep its reference for a while since we will add cels into it
row.append($("" + toto.tweet[i].id+ ""));
//......

=================================================


当js文件引入进来就行了啊


ajax请求这个json文件。
换句话说,就是如下伪代码

//请求/todo.json这个路径时,返回json文件
$.get('/todo.json').done(function(data){
    do something with the data
});

1.直接当做js文件引入 ,相应变量就能获取到。
2.如果想读取本地json文件,需要环境,并且需要后台程序支持,不然出现安全性问题
3.可以使用bloburl方式去获取文件,不需要后台支持,需要配环境 不然也有安全性问题,


本地安装一个nginx或者appserve服务器,直接调用


json_decode函数


使用ajax

或使用jquerygetJSON方法: jQuery ajax - getJSON() 方法

【热门文章】
【热门文章】