jQuery ajax读取json文件内容

来源:互联网 发布:php实现提交多个订单 编辑:程序博客网 时间:2024/06/06 02:45

json文件:

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

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


写一个json文件,文件名为:city.json

{"resource":{    "label":"zuanshi",    "key":"1"  }, "city":{    "value":"beijing",    "key":"01"  }}

调用json文件方法

var url="ajax/city.json"

$.getJSON(url, function( res ) {
  var key="resource"  var data=JSON.stringify(res[key])
  var value=JSON.parse(data).key});




原创粉丝点击