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. java_对象序列化、反序列化

    1.概念 序列化:将对象转化为字节序列的过程 反序列化:将字节序列转化为对象的过程 用途: A:将对象转化为字节序列保存在硬盘上,如文件中,如文本中的例子就是将person对象序列化成字节序列,存在p ...

  2. promose

    function runAsync1(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function() ...

  3. csharp:Learn how to post JSON string to generic Handler using jQuery in ASP.Net C#.

    /// <summary> ///參考: http://james.newtonking.com/json/help/index.html# /// 塗聚文(Geovin Du) 2014 ...

  4. js获取当前日期和时间的代码

    最佳答案 var myDate = new Date(); myDate.toLocaleDateString(): //获取当前日期myDate.toLocaleTimeString(); //获取 ...

  5. Javascript 多物体淡入淡出（透明度变化）

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  6. 关于echart 图表自适应问题的解决办法

    <div id="divEnergy" style="width: 100%; height: 300px; border: 5px solid red; &quo ...

  7. ArcGIS DataStore手册——管理篇

    第二章:ArcGIS DataStore管理维护 1.备份管理 备份的目的在于发生原始数据损坏或其他突发情况时,可避免数据丢失,并可快速的使用备份数据来恢复,以保证服务仍可使用. 单机模式下,可使用D ...

  8. mysqlcppconn之ConnectOptionsMap的使用

    由来 继上一篇文章, 发现之前写的一篇文章中断线重连部分是错误的, 也是现在翻阅了源码才知道 想要自动重连, 必须使用ConnectOptionsMap才可以 但由于官方代码没有做好导出部分的处理, ...

  9. strcmp和stricmp、strcmpi三者之间的区别(C++)

    原文:http://www.cnblogs.com/tankeee/p/3957629.html #include <string.h> #include <stdio.h> ...

  10. YoLo 实践(1)

    目录 YoLo 实践(1) 目标: 实施方法: Step 0. 测试项目是否可以正常运行 运行效果图 使用VOC数据结构训练模型 Step1: 生成统一格式的标注文件和类别文件 Step2: 加载预训 ...