前台js 取json 对象数组数据

Posted 2023-04-29

json=｛"id":1,"name":st,"grant":[ "tm_id":1,"tm_name":zc, "tm_id":2,"tm_name":ww]｝
类似于这样一个后台返回给前台的json数据块，请问怎么在前台取到grant数组里的tm_name和tm_id属性。不胜感激。

1、先定义一个json变量。

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

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

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

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

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

参考技术A

1、先定义一个json变量。

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

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

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

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

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

参考技术B 后台返回的数据是
'id':1,'name':'st','grant':['tm_id':1,'tm_name':'zc','tm_id':2,'tm_name':'ww']

前台获取
var data = eval("(" + json + ")");//json为接收的后台返回的数据；
var id1 = data.grant[0].tm_id;
var name1 = data.grant[0].tm_name;

var id2 = data.grant[1].tm_id;
var name2 = data.grant[1].tm_name;本回答被提问者和网友采纳 参考技术C 如果你可以使用框架的话，可以使用JQuery,可以很方便的解析json。

http://api.jquery.com/jQuery.getJSON/

后台封装成jsonarray，前台js如何接收并存储到下拉列表中，急急急。。。

如图所示，后台的代码是这样的，将数据存储到了jsonarry中，前台是列表框，如何获取到Jsonarry的值并显示到下拉表中。。。请高手指点。。
后台代码:

前台js:

参考技术A <script type="text/javascript" src="/js/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
//body部分
<input id="floor0" name="floor0">
<input id="floor1" name="floor1">
<input id="floor2" name="floor2">
//JS部分
$("#floor0,#floor1,#floor2").combobox(    
    url : "/app/getInfo?userId=" + userId,
    method : "get",   
    valueField : 'ID',    
    textField : 'Name'
);