2012-09-13 90 views
0

我想知道如何使用jQuery来迭代JSON对象。我的要求是我从Java Servlet获取一个列表到UI,并且我必须用AJAX响应填充组合框。在JQuery中迭代Json对象?

上面的大头贴我已经用struts2和jQuery做了。现在,我在中间的地方,如何遍历Java列表早在JSP:

$("#XXX option").remove(); 
$.each(data.YYYList, function(index, item) { 
    $("#XXX").append($("<option></option>").text(item).val(item)); 
}); 

我已经设置了MIME类型response.setContentType("application/json");

任何一个可以请指导我如何实现这一目标。如果我需要其他信息,请告诉我。

+0

请包括您想要迭代的JSON *文本样本,以及您在迭代它时需要做什么(您是否希望将其存储在其他位置?显示它?显示部件?)。你的问题不清楚。此外,如果这是所有客户端,请删除对java,JSP或struts2的引用,因为它们是不相关的。 – tucuxi

+0

对不起的帖子:我希望数据被填充到组合框中,组合框的值将来自数据库, – Esh

+0

没有人可以帮助您,除非您提供样本输入和样本输出。否则,我们只能教你一些JQuery ......并且有一个页面(JQuery有很好的文档)。 – tucuxi

回答

1

例JSON:

"yyyList": [ 
    { 
     "Id": "1", 
     "Name": "aaaa " 
    }, { 
     "Id": "2", 
     "Name": "bbb " 
    }, { 
     "Id": "6", 
     "Name": "ccc " 
    }, { 
     "Id": "7", 
     "Name": "ddd " 
    } ] 


$.ajax({ 
       url: "URL", 
       //data: "", 
       type: "GET", 
       dataType: 'json', 
       success: function (data) {    
       $.each(data.YYYList, function() { 
        $('#state').append('<'option value='+this.Id+'>'+this.Name+'<'option>'); 
       }); 
      } 
     }) 

$('#state') --->给出了选择标签相同的ID在HTML 请做出正确的选择它的语法

希望这有助于。

2

基于Esh给出的少量信息,下面是我为您列出的功能创建的一个示例。我有一个JSON,我想在多个选择框中使用。

Fiddle