您的位置：首页 > Web前端 > JavaScript

JavaScript读取本地json文件

2015-09-15 11:16 633 查看

今天调试了一上午，通过jQuery读取本地json文件总是失败，始终找不出原因，各种方法都试了

开始总以为是不是json格式的问题。高了半天不行

后来读了一个blog发现用的，json.txt文件，试想，是不是改改后缀名也行。于是将后缀名改为.txt，发现ok了

什么原因？tnnd，老子也不知道

json文件，复制粘贴过去到文件就可以了。如果要标准点的就下载个json文件编辑器。format一下，再粘贴过去。

[
{
"name":"张国立",
"sex":"男",
"email":"zhangguoli@123.com"
},
{
"name":"张铁林",
"sex":"男",
"email":"zhangtieli@123.com"
},
{
"name":"邓婕",
"sex":"女",
"email":"zhenjie@123.com"
}
]

读取文件的代码，当然，你要下载一个jQuery.js文件到你的页面目录下

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>MODEL PAGE</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var Ajax = function ()
{
$.getJSON ("js/userinfo.txt", function (data)
{
$.each (data, function (i, item)
{
$ ("#disp").append ("<h3>" + item.name + "</h3>");
$ ("#disp").append ("<p>" + item.sex + "</p>");
$ ("#disp").append ("<p>" + item.email + "</p>");
});
});
}
</script>
</head>
<body>
<input type="button" value="Ajax提交" onclick="Ajax();" />
<div id="disp"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航