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. sqlserver - FOR XML PATH

    FOR XML PATH 有的人可能知道有的人可能不知道,其实它就是将查询结果集以XML形式展现,有了它我们可以简化我们的查询语句实现一些以前可能需要借助函数活存储过程来完成的工作.那么以一个实例为主 ...

  2. 前端(三)：JavaScript基础

    JavaScript是一种属于网络的脚本语言,常用来为网页添加各式各样的动态功能,是一种动态类型.弱类型.基于原型的语言.它包括三个部分:ECMAScript.BOM和DOM.ECMAScript描述 ...

  3. Servlet开发（三）之ServletConfig,ServletContext

    1. ServletConfig Servlet是开发动态web的技术,而web.xml是Tomcat工程中最基础也最重要的配置文件,Tomcat启动项目的时候会加载并读取这个文件,其中web.xml ...

  4. 《JavaWeb从入门到改行》那些年一起学习的Servlet

    目录 获取ServletContext : ServletContext接口中的一些方法 application域存取数据功能 代码演示: application域获取项目文件路径 代码演示: API ...

  5. ES6之class 中 constructor 方法 和 super 的作用

    首先,ES6 的 class 属于一种“语法糖”,所以只是写法更加优雅,更加像面对对象的编程,其思想和 ES5 是一致的. function Point(x, y) { this.x = x; thi ...

  6. StringBuffer总结分析

    构造方法 /** * Constructs a string buffer with no characters in it and an * initial capacity of 16 chara ...

  7. 洛谷P2831 愤怒的小鸟(状压dp)

    题意 题目链接 Sol 这题....我样例没过就A了??..算了,就当是样例卡精度吧.. 直接状压dp一下,\(f[sta]\)表示干掉\(sta\)这个集合里面的鸟的最小操作数 转移的时候判断一下一 ...

  8. Python入门-类的成员

    昨天我们简单的认识了一下面向对象,以及和面向过程之间的区别,从而我们知道了类这个东西,今天我们就来详细的了解一下关于类的一些东西. 一.类的成员 首先, 什么是类的成员,很简单, 你能在类中写什么? ...

  9. Java基础重点知识之欣欣向然

    题目: 第一题:二重循环: public class Text01 { //完成歌曲排序的效果 public static void main(String[] args) { String[] zi ...

  10. 【Machine Learning】决策树之ID3算法 （2）

    决策树之ID3算法 Content 1.ID3概念 2.信息熵 3.信息增益 Information Gain 4. ID3 bias 5. Python算法实现(待定) 一.ID3概念 ID3算法最 ...