zoukankan      html  css  js  c++  java
  • JavaScript读取本地json文件

    今天调试了一上午,通过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>  
  • 相关阅读:
    css3中-moz、-ms、-webkit 是什么意思
    自定义AppServer
    自定义AppSession
    分离Command
    创建简单的Telnet实例
    注册表权限设置
    centos root登录password 忘记解决的方法
    ajaxFileUpload+struts2实现多文件上传
    计算机图形学(二)输出图元_6_OpenGL曲线函数_2_中点画圆算法
    linux命令的别名alias,unalias
  • 原文地址:https://www.cnblogs.com/qingruozhu/p/6489542.html
Copyright © 2011-2022 走看看