【学习】jQuery获取json数据的两种方法

最近开始深入的学习js了,要从只会写页面效果的前端,转到会进行一些数据处理的前端。一开始学的还懵懵懂懂,只有一些感性的认识,多看多练吧,每天进步一点点也是好的。而且发现,以前看不懂的一些文章或说明文档,最近能渐渐看懂一些了,不再一头雾水了,是不是表示,快开窍了呢,哈哈。

今天记录这一篇,绝对就是纯记录了,因为以我目前的水平,说不出什么道道来。是什么呢,就是简单的json数据的获取,分别用$.getJSON方法和$.ajax方法,自己鼓捣了一通,还真把数据获取到了。先记录一下吧,以后说不定能用到呢。

有一个城市加地区的json数据,data.json,数据大体是这样的:

我想要获取area地区的值,并把他输出到class为city的div中

用$.getJSON是这样实现的:

$.getJSON(“data.json”,function(data){

var con=””;

$.each(data,function(idx,obj){

$.each(obj.city,function(idx1,obj1){

con+=obj1.area+”<br>”;

});

});

$(“.city”).html(con);

});

用$.ajax是这样实现的:

$.ajax({

type:”get”,

url:”data.json”,

dataType:”json”,

success:function(result){

addcity(result);

}

});

 

function addcity(result){

var con=””;

$.each(result,function(idx,obj){

$.each(obj.city,function(idx1,obj1){

con+=obj1.area+”<br>”;

});

});

$(“.city”).html(con);

}

 

路漫漫其修远兮,吾将上下而求索 (^-^)

发表评论

电子邮件地址不会被公开。 必填项已用*标注