javascript如何读取本地json文件
我有一个.json格式的文件，文件内容举例如下：a.json[{"name":"zhangsan","sex":"man","address":"hangzhou","h...
我有一个.json格式的文件，文件内容举例如下：
a.json
[
{
"name":"zhangsan",
"sex":"man",
"address":"hangzhou",
"home":"http://www.zhangsan.com"
},
{
"name":"lisi",
"sex":"wumen",
"address":"beijing",
"home":"http://www.lisi.com"
}
]
我的代码如下：
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
$("#loaddata").click(function(){
//使用getJSON方法读取json数据,
//注意：info.json可以是不同类型文件，只要其中的数据为json类型即可
$.getJSON('a.json',function(data){
var html = '';
$.each(data,function(i,item){
html +=
'<tr><td>'+item['name']+'</td>'+
'<td>'+item['sex']+'</td>'+
'<td>'+item['address']+'</td>'+
'<td>'+item['home']+'</td></tr>';
});
$('#title').after(html);
//after方法:在每个匹配的元素之后插入内容。
});
});
});
</script>
</HEAD>
<input type="button" value="加载数据" id="loaddata" />
<BODY>
<table id="infotable" >
<tr id="title"><th>姓名</th><th>性别</th><th>地址</th><th>主页</th></tr>
</table>
</BODY>
</HTML>
但是一直加载不成功，我想让json文件里的内容显示在页面上，搞了好久了，求教啊~~~ 展开
a.json
[
{
"name":"zhangsan",
"sex":"man",
"address":"hangzhou",
"home":"http://www.zhangsan.com"
},
{
"name":"lisi",
"sex":"wumen",
"address":"beijing",
"home":"http://www.lisi.com"
}
]
我的代码如下：
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
$("#loaddata").click(function(){
//使用getJSON方法读取json数据,
//注意：info.json可以是不同类型文件，只要其中的数据为json类型即可
$.getJSON('a.json',function(data){
var html = '';
$.each(data,function(i,item){
html +=
'<tr><td>'+item['name']+'</td>'+
'<td>'+item['sex']+'</td>'+
'<td>'+item['address']+'</td>'+
'<td>'+item['home']+'</td></tr>';
});
$('#title').after(html);
//after方法:在每个匹配的元素之后插入内容。
});
});
});
</script>
</HEAD>
<input type="button" value="加载数据" id="loaddata" />
<BODY>
<table id="infotable" >
<tr id="title"><th>姓名</th><th>性别</th><th>地址</th><th>主页</th></tr>
</table>
</BODY>
</HTML>
但是一直加载不成功，我想让json文件里的内容显示在页面上，搞了好久了，求教啊~~~ 展开
2个回答
展开全部
我试了一下可以啊……目录层级是对的吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用jQuery方便的读取json文件，示例代码如下：
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
$(document).ready(function() {
$.getJSON('area.json',function(json){
var data = json;
});
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
