如何将两个变量中的 json 响应分开？

Question

现在 json 响应看起来

["AG","ANTIGUA AND BARBUDA","AU","AUSTRALIA","BR","BRAZIL","CA","CANADA"] 

我可以使它

["AG,ANTIGUA AND BARBUDA","AU,AUSTRALIA","BR,BRAZIL","CA,CANADA"]

更容易使用或任何其他样式。

我需要的是将其分成两个变量，一个用于国家代码，另一个用于国家名称

   ...success: function( json ) {
    $.each(json, function(i, value) {
          $('#country').append($('<option>').text(value).attr('value', value));
    };  
      });

，现在相同的变量进入选项的值和名称，我需要将国家代码放入选项中，将国家名称放入变量中。

Answer 1

为什么不首先将它们作为 JSON 对象返回？类似的事情

[{"ID":"AG", "Text":"ANTIGUA AND BARBUDA"},{"ID":"AU", "Text":"Australia"}]

然后你可以做类似的事情

$.each( result, function( value ){
    $('#country').append(
        $("<option>").text(value.Text).attr("value", value.Text)
    );
});

---

编辑：
上面的代码假设您已经将从服务器发送的数据转换为 JavaScript 数组。有两种方法可以解决此

1. 问题：您可以使用 getJSON< /a> 方法，jQuery 将为您解析返回值
2. 您可以使用 自己解析数据parseJSON

这两种方法都会采用格式良好的 JSON 字符串，并返回一个可供使用的 JavaScript 对象

Answer 2

如果您选择第二个选项，您可以拆分字符串因此

var countries = jQuery.parseJSON(json);
$.each(countries, function(i, value) {
    var country = value.split(",");
    $('#country').append($('<option>').text(country[1]).attr('value', country[0]));

};

编辑：您需要首先解析 JSON 字符串，以便可以使用数组对象并循环遍历它。请参阅上面我更新的代码。

Answer 3

如果你能做到：

[["AG","ANTIGUA AND BARBUDA"],["AU","AUSTRALIA"],["BR","BRAZIL"],["CA","CANADA"]] 

那么你可以使用这个：

success: function( json ) {
  $.each(json, function(i, value) {
    $('#country').append($('<option>').text(value[1]).attr('value', value[0]));
  };  
});

Answer 4

如果您想采用以下方法：

var array = ["AG","ANTIGUA AND BARBUDA","AU","AUSTRALIA","BR","BRAZIL","CA","CANADA"];

并使其成为键/值对对象的数组，您可以执行以下操作：

result = [];

for (var i = 0; i < array.length; i = i + 2) {
  result.push({ array[i] : array[i + 1]});
}

您最终会在 result 中得到与此等效的结果：

result = [
  { "AG" : "ANTIGUA AND BARBUDA" },
  { "AU" : "AUSTRALIA" },
  { "BR" : "BRAZIL" },
  { "CA" : "CANADA" }
];

---

更新：如果全部您关心的是将这些添加到选择中，您可以这样做：

var array = ["AG","ANTIGUA AND BARBUDA","AU","AUSTRALIA","BR","BRAZIL","CA","CANADA"];

for (var i = 0; i < array.length; i = i + 2) {
  // Using this object initializer to build the options has a caching benefit.
  $('#country').append($('<option>', {
    value: array[i],
    text: array[i + 1]
  }));
}

对于它的价值，在这种情况下可能可以忽略不计，但这种方法相对较慢。如果您发现性能问题，请考虑在添加选项时使用 .detach() 方法将 #country 从 DOM 中拉出，然后将其附加回结尾。