通过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. ABAP常用函数归纳

    转至:http://blog.csdn.net/forever_crazy/article/details/17707745 获取当前逻辑系统标识:OWN_LOGICAL_SYSTEM_GET 一.日 ...

  2. 查询服务商的当月提审限额和加急次数（Quota） 调用遇到问题的来说说是什么情况{"errcode":-1,"errmsg":"system error hint: [_KbPJA05231543]"}

    感觉完全是按照微信官方的要求来的,还是提示错误.大家有遇到吗?在微信开发者社区里搜索相关问题,也是有人遇到这样的错误. 还是根据社区里说的,换过用开放平台的component accesstoken  ...

  3. 常用sql:按照表中的某一列对数据进行分组,统计数据条数

    select FROM_UNIXTIME(start_time,'%Y-%m-%d')as date,COUNT(*) FROM random_num GROUP BY FROM_UNIXTIME(s ...

  4. osworkflow 入门基础2

    [quote]前篇我引入了互联网上找来的一篇文章,接着上篇讲:osworkflow 工作流是非常轻量级的,虽然2006就停止活动了,互联网上的资料也不是很多,官网也没过多的说明,比起jbpm 和act ...

  5. 从0开始Jmeter接口测试实战

    在之前的文章中给大家介绍过接口测试文档和接口测试用例示例,本文基于Jmeter工具给大家介绍一下如何实现接口测试用例:包括发起Http请求,绕过登陆,验证响应.JMeter是Apache组织开发的基于 ...

  6. mybatis-plus generator使用

    pom配置 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus- ...

  7. oozie 启动过程中--- Existing PID file found during start. Removing/clearing stale PID file.

    如果oozie使用kill -9 暴力杀死了tomcat,再启动的时候,会出问题,需要删除tomcat的pid文件 彻底停止oozie的tomcat的进程,然后删除pid文件 rm -rf  /exp ...

  8. re模块的小练习

    1.匹配标签 1 import re 2 ret = re.search('<(?P<tag_name>\w+)>\w+</(?P=tag_name)>','< ...

  9. maven生成jar包编码问题

    要做一个jar文件供外部调用,此jar的源代码中注释为中文,用maven打包后在其它工程中导入后总不能正常显示中文,记录解决方法如下: 在pom.xml中设置默认编码类型为UTF-8: <pro ...

  10. hiho #1144 : 01串（模拟）

    #1144 : 01串 时间限制:7000ms 单点时限:1000ms 内存限制:256MB 描述 给定两个整数n和m,求是否存在恰好包含n个0和m个1的01串S,使得S中不存在子串"001 ...