jquery用json数据填充下拉列表

发布于05月10日

我有以下jQuery代码.我能够从服务器[{"value":"1","label":"xyz"}, {"value":"2","label":"abc"}]获得以下数据.我如何迭代这个，并用id=combobox填充一个 Select 框

$.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之间有什么区别.

推荐答案

This should do the trick:

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

下面是ajax和getJSON(jQuery documentation)之间的区别:

[getJSON]是一个速记Ajax函数，相当于:
$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

EDIT: To be clear, part of the problem was that the server's response was returning a json object that looked like this:

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

...So that msg property needed to be parsed manually using $.parseJSON().

Json相关问答推荐

如何使用ChoETL将复杂的JSON转换为CSV

如何在VegaLite中应用Times New Roman，CaliBiri字体

如何让JSON子查询在没有行的情况下返回空数组而不是NULL

如何使用模式注册中心创建从主题中取消本地化的ks qlDB表？

使用JQ将JSON输出转换为CSV复杂 struct

基于 JSON 字段的 Jolt 条件标志

使用 jolt 变换展平嵌套 JSON - 非常复杂

如何使用 JOLT 使用输入数组中的值和层次 struct 中的其他字段创建数组

使用 jq 从字符串列表开始创建对象

遍历 JSON，检索父值

jq可以在两个JSON对象列表中依次添加对象吗？

如何使用nifi从json文件中过滤属性

使用带有逗号的字段名称构建 struct

Powershell中等效的JSONPath通配符以 Select 对象中的所有数组

Play Framework：如何序列化/反序列化与 JSON 的枚举

Jackson 的@JsonView、@JsonFilter 和 Spring

在 Apache Spark 中读取多行 JSON

将 JSON 数据导入 Google 表格

规范化 JSON 文件

如何从 jQuery ajax 调用将复杂对象传递给 ASP.NET WebApi GET？

实用课程推荐