jQuery使用JSON数据填充下拉列表

Question

我有以下jQuery代码。我可以从server获得以下数据[{"value":"1","label":"xyz"}, {"value":"2","label":"abc"}]。我该如何对此进行迭代，并用id=combobox

$.ajax({
    type: 'POST',
    url: "<s:url value="/ajaxMethod.action"/>",
    data:$("#locid").serialize(),
    success: function(data) {
        alert(data.msg);

                //NEED TO ITERATE data.msg AND FILL A DROP DOWN
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert(textStatus);
    },
    dataType: "json"
});

另外，使用.ajax和之间有什么区别$.getJSON。

Answer 1

这应该可以解决问题：

$($.parseJSON(data.msg)).map(function () {
    return $('<option>').val(this.value).text(this.label);
}).appendTo('#combobox');

这里的区别ajax和getJSON（从jQuery的文档）：

[getJSON]是Ajax的简写功能，等效于：

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

编辑：要明确，部分问题是服务器的响应返回的是如下所示的json对象：

{
    "msg": '[{"value":"1","label":"xyz"}, {"value":"2","label":"abc"}]'
}

…因此该msg属性需要使用手动解析$.parseJSON()。