JavaScript读取本地json文件

来源：互联网发布：python pillow 安装编辑：程序博客网时间：2024/05/18 00:41

今天调试了一上午，通过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>

1 0