码迷,mamicode.com
首页 > 其他好文 > 详细

echarts_04

时间:2016-11-17 01:40:03      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:and   通过   item   text   ajax加载   details   app   cto   get   

通过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

 

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

标签:and   通过   item   text   ajax加载   details   app   cto   get   

原文地址:http://www.cnblogs.com/liuyang92/p/6072066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!