How to separate json response in two variables?

Right now json respon开发者_开发百科se looks like

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

i can make it

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

if thas easier to work with or any other style.

what i need is to separate it into two variables one for county code other for country name

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

now same variable goes in value and name of option i need to put country code in option and country name in variable.

Why not return them as JSON objects in the first place? Something like

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

Then you could do something like

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

EDIT: The above code assumes you've already converted the data sent from the server into a JavaScript array. There are two ways to approach that:

1. You can request the data using the getJSON method and jQuery will parse the return value for you
2. You can parse the data yourself using the parseJSON

Either method will take a well formated JSON string and give you back a JavaScript object to work with

If you go with your 2nd option you can split the string as such

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

};

EDIT: You need to parse the JSON string first, so you can use the Array Object and loop through it. See my updated code above.

If you can make it:

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

Then you could use this:

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

If you want to take this:

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

And make it an array of key/value pair objects, you could do something like this:

result = [];

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

You'll end up with the equivalent of this in result:

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

Update: If all you care about is adding those to the select, you can do it this way:

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]
  }));
}

For what it's worth, it may be negligible in this case, but this approach is relatively slow. If you notice performance issues, look into using the .detach() method to pull #country out of the DOM while the options are being added and then attaching it back at the end.