通过ajax加载本地文件:

1.http://www.cnblogs.com/qjqcs/archive/2016/09/07/5850282.html

2.http://blog.csdn.net/sheila1227/article/details/44035561

3.http://blog.csdn.net/sheila1227/article/details/44157117

4.http://blog.csdn.net/dandanzmc/article/details/31344267/

5.http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html

6.http://www.cnblogs.com/leejersey/p/3750232.html

7.http://www.2cto.com/kf/201412/357442.html

8.https://my.oschina.net/crazymus/blog/345586

9.http://blog.csdn.net/zhangdaiscott/article/details/18456215

10.http://www.php100.com/manual/jquery/serialize.html

11.http://www.php100.com/manual/jquery/jQuery.Ajax.html

jQuery插件之json篇：

12.http://www.cnblogs.com/luluping/archive/2009/04/22/1441495.html

HTML文件:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="jquery-2.0.0.js"></script>

    <script type="text/javascript">

     $(document).ready(function() {

    $.ajax({

        //请求方式为get

        type:"GET",

        //json文件位置

        url:"user.json",

        //返回数据格式为json

        dataType: "json",

        //请求成功完成后要执行的方法

        success: function(data){

            //使用$.each方法遍历返回的数据date,插入到id为#result中

            $.each(data,function(i,item){

                var content=item.name+","+item.email+","+item.gender+

				","+item.hobby[0]+","+item.hobby[1]+"</br>";

                $("#result").append(content);

            })

        }

    })

});

    </script>

</head>

<body>

    <dir id="result">1</dir>

</body>

</html>

　　

json文件：

[

    {"name":"哈哈··","email":"邮箱01","gender":"男","hobby":["上网","打球"]},

    {"name":"呵呵··","email":"邮箱02","gender":"男","hobby":["网购","打球"]}

]

　　

echarts_04的更多相关文章

随机推荐

  1. 重学HTML5的语义化

    干了这么多年的前端,之前面试的时候经常会遇到面试官提问:你是如何理解HTML的语义化的? 说实话,之前遇到这个问题的时候,都是从网上找参考答案,然后记下来,用自己的语言重新组织一下,就变成自己的理解了 ...

  2. webpack 四个核心概念

    webpack 是当下最热门的前端资源模块化和打包工具.它可以将许多松散的模块(如 CommonJs 模块. AMD 模块. ES6 模块.CSS.图片. JSON.Coffeescript. LES ...

  3. 第95：PCA

    输入数据矩阵->计算每条记录的平均值和标准差->计算协方差矩阵->得到协方差矩阵的所有特征值和特征向量->对特征值进行从大到小的排序,并且得到与之对应的特征向量 PCA是无监督 ...

  4. linux chattr：配置文件隐藏属性;lsattr：显示文件属性

    1    chattr [+-=][ASadistu] 文件或目录名称 选项与参数: + :在原有参数设定基础上,追加参数.- :在原有参数设定基础上,移除参数.= :更新为指定参数设定.A:文件或目 ...

  5. 利用nethogs查看哪些进程占用网络带宽

    一.安装nethogs centos6版本安装: 1.安装依赖包 [root@hlsms-fensheng- ~]# yum install ncurses* 已加载插件:fastestmirror, ...

  6. 三天读完调整自己每天的精力——读书笔记（Unfinished）

    近段时间精力低下,读了一本Jim Loehr的The Power full engagement 精力管理的书,我们有时候往往不是时间规划不够,而是没有规划好自己的精力. 橙色字体是自己对于这本书的现 ...

  7. 个人总结的J2EE目前知道的涵盖面,从大方向入手,多写单元测试,加强基础

    JEE Development process: java SE 普通语法,,异常处理,数据结构,循环,面向对象,泛型, 属性,反射,多线程,线程池,锁, lambada,异步编程,并发 框架spri ...

  8. 树形DP Choosing Capital for Treeland

    给你一棵有向树,需要选定一个点为capital,满足翻转边数最小 思路:先求出1为capital 的答案,然后向下更新孩子节点 dp[i]=dp[i-1]+judge(i); #include< ...

  9. k8s资源对象及API群组

    REST是representational state transfer的缩写,意为“表征状态转移”,它是一种程序架构风格,基本元素为资源(resource).表征(representation)和行 ...

  10. thinkphp5.0.22--日志分析和错误调试

    但凡遇到php页面报错信息,我们可以借助phpgjx工具,一款类似postman的工具 来跟踪导致问题的sql信息,这工具的实质是一款文件夹和文件组合,通过Apache和nginx部署 分析排查这类问 ...