jquery解析json文件

json文件

{

    "first":[

        {"name":"张三","sex":"男"},

        {"name":"李四","sex":"男"},

        {"name":"王武","sex":"男"},

        {"name":"李梅","sex":"女"}

    ]

}

方法一:

$.ajax({

  url: "ceshi.json",//json文件位置

  type: "GET",//请求方式为get

  dataType: "json", //返回数据格式为json

  success: function(data) {//请求成功完成后要执行的方法

      //each循环 使用$.each方法遍历返回的数据date

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

            var str = '<div>姓名:' + item.name + '性别:' + item.sex + '</div>';

            document.write(str);

      })

  }

})

方法二:

// jQuery.getJSON( url [, data ] [, success ] )

$.getJSON("ceshi.json", "", function(data) {

       //each循环 使用$.each方法遍历返回的数据date

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

            var str = '<div>姓名:' + item.name + '性别:' + item.sex + '</div>';

            document.write(str);

      })

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • json教程从入门到使用 一:入门 简介: JSON(JavaScriptObject Notation)、轻量级...
    追逐黄昏的太阳阅读 1,484评论 0 3
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,200评论 0 1
  • 今天从老家回来昆明的路上,在老家这两天有很多感触,这次主要是回去祭祖的,和去世的老一辈有了很多沟通,不管他们有...
    李代唐阅读 230评论 0 0
  • 零星的鞭炮声 还能响多久? 火树银花也只不过是刹那! 夜幕已经拉下 天边最亮的那颗星星 说着悄悄话。 寂静的街道 ...
    蓝夜伊梦阅读 121评论 2 1
  • 之前的一篇文章——放弃模仿努力,接受平庸跟大家分享了我关于「努力」的认识变化,是我三年来在北京见过更多可能、更多挣...
    陶然听说阅读 523评论 0 5