jquery解析json数据,js解析json数据

jquery怎样解析json字符串?

你好!

创新互联是一家专注于成都网站建设、网站建设和四川主机托管的网络公司,有着丰富的建站经验和案例。

解析成数组是指,将json中的值取出来存放到数组中么?

也许下面代码能给你点帮助:

$(document).ready(function(){

var obj = jQuery.parseJSON('{"jobID":"020000715","username":"\u9a6c\u94f6\u534e","department":"\u7ee7\u7eed\u5b66\u9662"}');

var myData=[];       //定义一个数组变量

$.each(obj,function(key,value){

myData.push(value);

});

alert(myData);

});

前台js 取json 对象数组数据

1、先定义一个json变量。

2、然后定义这个变量的值,其实一个json对象就是一个obj对象。

3、要添加json对象的元素,直接使用数组下标方式,添加键和值就行了。

4、要为json对象添加对象,我们可以先创建一个对象。

5、然后也是使用数组下标方式,为其赋值为新的对象变量就行了。

6、在浏览器里,我们就可以看到这个json对象了,而且新加的元素和对象都已经在里面了。

jQuery怎么解析Json字符串

Jquery解析json字符串、json数组

!doctype html

html

head

meta charset="utf-8"

script src="../js/libs/jquery-1.6.2.min.js"/script

/head

body

hr /

h3解析json字符串、json数组/h3

input type="button" id="jsonBtn" name="jsonBtn" value="jsonArray" /

input type="button" id="jsonArray2" name="jsonArray2" value="jsonArray2" /

input type="button" id="jsonStr" name="jsonStr" value="jsonStr" /

input type="button" id="jsonStr2" name="jsonStr2" value="jsonStr2" /

hr /

div class="jsonText"

{"ret": 0, "msg": "", "is_lost":0, "nickname": "小米", "gender": "男", "province": "广东", "city": "广州", "year": "1990", "figureurl": "http:\/\/qzapp.qlogo.cn\/qzapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/30", "figureurl_1": "http:\/\/qzapp.qlogo.cn\/qzapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/50", "figureurl_2": "http:\/\/qzapp.qlogo.cn\/qzapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/100", "figureurl_qq_1": "http:\/\/q.qlogo.cn\/qqapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/40", "figureurl_qq_2": "http:\/\/q.qlogo.cn\/qqapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/100", "is_yellow_vip": "0", "vip": "0", "yellow_vip_level": "0", "level": "0", "is_yellow_year_vip": "0"}

/div

hr /

div class="jsonArray"

{ root:

[

{name:'1',value:'0'},

{name:'6101',value:'西安市'},

{name:'6102',value:'铜川市'},

{name:'6103',value:'宝鸡市'},

{name:'6104',value:'咸阳市'},

{name:'6105',value:'渭南市'},

{name:'6106',value:'延安市'},

{name:'6107',value:'汉中市'},

{name:'6108',value:'榆林市'},

{name:'6109',value:'安康市'},

{name:'6110',value:'商洛市'}

],

json:

[

{name:'6103',value:'宝鸡市'},

{name:'6104',value:'咸阳市'},

{name:'6107',value:'汉中市'},

{name:'6108',value:'榆林市'},

{name:'6110',value:'商洛市'}

]

}

/div

hr /

div class="jsonArray2"

[

{name:'1',value:'0'},

{name:'6101',value:'西安市'},

{name:'6102',value:'铜川市'},

{name:'6103',value:'宝鸡市'},

{name:'6104',value:'咸阳市'},

{name:'6105',value:'渭南市'},

{name:'6106',value:'延安市'},

{name:'6107',value:'汉中市'},

{name:'6108',value:'榆林市'},

{name:'6109',value:'安康市'},

{name:'6110',value:'商洛市'}

]

/div

/body

/html

script type="text/javascript"

///jQuery 解析json字符串

//解析复杂的json数组

$("#jsonBtn").click(function(){

var data=$(".jsonArray").html();

alert("-----"+data);

var dataObj=eval("("+data+")");//转换为json对象

alert(dataObj.root.length);//输出root的子对象数量

alert(dataObj.json.length);//输出json的子对象数量

//遍历json数组

$.each(dataObj.root, function(i, item) {

alert(item.name+"-----root-------"+item.value);

});

//遍历json数组

$.each(dataObj.json, function(i, item) {

alert(item.name+"-----json-------"+item.value);

});

});

//解析单个的json数组

$("#jsonArray2").click(function(){

var data=$(".jsonArray2").html();

alert("-----"+data);

var dataObj=eval("("+data+")");//转换为json对象

alert(dataObj.length);//输出root的子对象数量

//遍历json数组

$.each(dataObj, function(i, item) {

alert(item.name+"-----jsonArray-------"+item.value);

});

});

///解析标准的Json串 方法一

$("#jsonStr").click(function(){

var json=$(".jsonText").html();

alert("---2--"+json);

var item = jQuery.parseJSON(json);

alert(item.nickname);

alert(item.ret);

alert(item.figureurl );

});

///解析标准的Json串,方法二

$("#jsonStr2").click(function(){

var json=$(".jsonText").html();

alert("---2--"+json);

var obj = eval("("+json+")");

alert(obj.nickname);

alert(obj.ret);

alert(obj.figureurl );

});

/script

JQUERY怎么解析后台传来的JSON数据

var json = [{"id":{"children":"111","father":"部门3"}},{"id":{"children":"222","father":"部门2"}},{"id":{"children":"333","father":"部门2"}}];

$.each(json, function(i){

alert(json[i].id.children+" "+json[i].id.father);

});

jquery 回调方法中如何解析JSON集合数据?

这个简单,假如JSON集合数据为data:

var stuListData = data[0].stuList; //获取stuList

for(var i=0;istuListData.length;i++){ //循环遍历stuList

alert("age="+stuListData[i].age+" id="+stuListData[i].id+" name="+stuListData[i].name);

}


分享文章:jquery解析json数据,js解析json数据
当前URL:http://bzwzjz.com/article/phghgj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都h5网站建设 盐亭网站设计 成都定制网站建设 成都网站建设公司 重庆网站制作 成都网站设计 手机网站制作 定制网站建设 营销网站建设 成都网站建设 专业网站建设 成都企业网站建设 营销型网站建设 成都企业网站设计 成都网站设计 成都网站制作 成都网站设计 企业手机网站建设 泸州网站建设 手机网站设计 公司网站建设 企业网站设计