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>

JavaScript读取本地json文件的更多相关文章

  1. 读取本地json文件，并转换为dictionary

    // 读取本地JSON文件 - (NSDictionary *)readLocalFileWithName:(NSString *)name { // 获取文件路径 NSString *path = ...

  2. jQuery ajax读取本地json文件

    jQuery ajax读取本地json文件 json文件 { "first":[ {"name":"张三","sex": ...

  3. 读取本地json文件,转出为指定格式json 使用Base64进行string的加密和解密

    读取本地json文件,转出为指定格式json   引用添加Json.Net 引用命名空间 using Newtonsoft.Json //读取自定目录下的json文件StreamReader sr = ...

  4. android 读取本地json文件 解决显示乱码显示

    1.读取本地JSON ,但是显示汉字乱码 public static String readLocalJson(Context context,  String fileName){         ...

  5. 读取本地Json文件

    //读取Json文件  地区 //将文件拖到本地  获取json数据 //获取json文件路径 NSString *pathArea=[[NSBundle mainBundle] pathForRes ...

  6. Java读取本地json文件

    背景 之前一直在弄一个Java爬虫,将爬取的信息保存到了数据库中.但这毕竟是一个课程设计,在设计前端GUI,展示数据的时候最开始是直接通过select语句从数据库中查找的,但我担心交给老师后,老师还要 ...

  7. js读取本地json/txt/xml存在跨越问题，可以用jsonp 读取本地json文件

    想自己用 js写一个原生的ajax请求,访问本地文件,json/txt.但是demo,写了一个后,发现 原来是跨域了. js 写的原生ajax 请求代码如下 html代码 <div id=&qu ...

  8. 读取本地json文件,转出为指定格式json

    引用添加Json.Net 引用命名空间 using Newtonsoft.Json //读取自定目录下的json文件 StreamReader sr = new StreamReader(@" ...

  9. vue使用axios读取本地json文件来显示echarts折线图

    编辑器:HBuilderx axios文档:http://www.axios-js.com/zh-cn/docs/ echarts实例:https://echarts.apache.org/examp ...

随机推荐

  1. golang学习之go简单博客应用

    先说说golang的语法吧,个人觉得有以下特点: 简洁,不管是变量.方法声明,还是代码编写,均十分简洁,效率也比较高 非纯粹面向对象,但是go的struct类似c的struct,go的结构体还可以进行 ...

  2. 2017年12月16日 ASP.NET基本用法

    ASP.NET初级添加 利用css代码跟ASP.NET还有Javascript原生,LinQ来写增跟展示数据 首先介绍一个非常好用的控件,灵活并且循环展示数据库里面的数据 <asp:Repeat ...

  3. bash的常用功能呢

    一.tab键可以自动补齐命令 二.命令历史 1.history 查看之前敲过的所有命令 2.!历史命令编号 调用历史的某一个命令 三.命令别名 1.设置别名    alias 别名=‘命令’ 2.移除 ...

  4. poj 3260 最少硬币（01+多重+完全背包）

    http://www.cnblogs.com/ACMan/archive/2012/08/14/2637437.html #include <iostream> #include < ...

  5. UVA 10328(DP，大数，至少连续)

    http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=19825 这道题和http://www.cnblogs.com/qlky/p/ ...

  6. centos安装后，连接不上网络，yum命令执行can not find a valid baseurl for repo: base/7/x86-64

    检查了网络适配器是NAT模式没问题,按照网友的方法成功解决: 1.vi /etc/sysconfig/network-scripts/ifcfg-ens123(不是每个主机都是ens123)  把ON ...

  7. Maven+Spring+MySql 登陆实例

    近来无事,复习复习Spring相关知识,从<Spring企业应用开发实战>这本书开始. 本文为学习<Spring企业应用开发实战>总结,著作权归原作者. 一.用Maven建立w ...

  8. DOM节点常见的属性及操作

    (1)常见节点属性 childNodes      子节点 nodeList children      子节点(元素节点) HTMLCollection parentNode       父节点 p ...

  9. K2P断流问题

    本帖最后由 yufei8051 于 2019-3-15 15:29 编辑 感谢 “zhc887”的指点,把这3个文件删除后(后面大神说不是删除是清除,我直接删掉貌似也正常,建议听大神的)从这两天的使用 ...

  10. 基础架构之Gitlab Runner

    基础架构之Gitlab Runner也是常用的基础设施,我们接着GitLab操作,具体使用GitlabRunner,如果不熟悉可以见官方详细介绍https://docs.gitlab.com/runn ...