通过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. JS基础_基本语法

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

  2. O012、Linux如何实现VLAN

    参考https://www.cnblogs.com/CloudMan6/p/5313994.html   LAN 表示 Local Area Network ,本地局域网,通常使用 Hub 或者 Sw ...

  3. thinkphp3.2.3 自定义路由实践

    使用了很久的tp3,却没发现还有这么可玩性的功能. 官方文档:要使用路由功能,前提是你的URL支持PATH_INFO(或者兼容URL模式也可以,采用普通URL模式的情况下不支持路由功能),并且在应用( ...

  4. Jquery实现对select的操作

    select实现对文本框的显示和隐藏 /** * 通过select的值实现对文本框的显示和隐藏 * #id为一个select控件 * .obj为一个文本框 */ function initSelect ...

  5. PanDownload/AD16/MDK5/CAD2019及2007/Dev-C++/Office2016专业版软件安装包

    版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明. 作者:struct_mooc 博客地址:https://www.cnblogs.com/stru ...

  6. TypeScript 和 JavaScript 的区别

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集.JavaScript 和 TypeSc ...

  7. spring boot 开启Druid监控功能

    1.配置yml spring: datasource: # 数据源基本配置 username: song password: 123456 driver-class-name: com.mysql.j ...

  8. CVE-2018-0802漏洞利用

    看了一天apt报告,主流利用Office鱼叉攻击的漏洞,还是这Microsoft Office CVE-2017-8570,CVE-2017-11882和CVE-2018-0802 三个,而且都知道o ...

  9. 服务器挂载 ntfs32 硬盘

    1,fdisk -l 查看硬盘名称 2,mount -t ntfs-3g /硬盘名/  /目标目录/ 3,umount   /硬盘名/ 4,如果卸载不了 就fuser -km /目标目录/

  10. AIX的shell脚本异常笔记

    一点点心得:1.set -x 运行时显示明细,前面加#则不显示2.空格要打好,如if [ -n "str" ]; then 可以,if[ -n "str" ]; ...