0

getJSONjqueryを使用してサーバーから取得する次の構造の2つのJSONデータがあります。

countrylist = [
    { "Country": "United States", "Code": "us" }, 
    { "Country": "Belgium", "Code": "be" }, 
    { "Country": "Argentina", "Code": "ar" },
    .
    .
    .
]

citylist = [
    { "City": "Abernant", "ContryCode": "us", "CityId"=1 }, 
    { "City": "Academy Park", "ContryCode": "be", "CityId"=2}, 
    { "City": "Abernathy", "ContryCode": "ar","CityId"=3 },
    .
    .
    .
]

divにCity、Countryを表示する必要があります。CitylistObjectのcountrylistからcountrCodeを検索し、その完全なCountryを配置するにはどうすればよいですか。だから私は表示することができます

Abernant, United States
Academy Park, Belgium
Abernathy, Argentina

私はこれまでにこのコードを持っています

  $.getJSON('../GetCountrylist', function (data) {
    var countryList =data;
  });


  $.getJSON('../GetCitylist', function (data) {
    //this is where i need to Join the data
    //for each data dispaydata= data.City ',' + Country
  });
4

4 に答える 4

1

countrylistプロパティとしてを使用して変換できcountrylist.Codeます。国を取得することは簡単な仕事になります。

var countries = {};
$.each(countrylist, function(i, country){
  countries[ country.Code ] = country.Country;
});

これで、繰り返してcitylist国を取得できますcountries。

$.each(citylist, function(j, city){
  console.log(city.City + "," + countries[ city.ContryCode ]);
});

こちらをご覧ください。

于 2013-01-13T23:47:23.543 に答える
0 
var cityList = [];
var countryList = [];

// Assumption: You get countryList populated before calling this one
$.getJSON('../GetCitylist', function (data) {
 cityList = data;

 var outputString = '';
 for(var i in cityList) { // these are each objects ?
  // Assumption: You have no spaces in your property names
  outputString += cityList[i].City + ',';
  // You could also use cityList[i]['City'] if you expect spaces in your property
  // names - same below - choose the accessor method that's most appropriate to
  // your data
  for(var j in countryList) { // these are also objects ?
    if(countryList[j].Code === cityList[i].CountryCode) {
      outputString += countryList[j].Country;
    }
  }
  outputString += '<br />';
 }
 $('.selector').html(outputString);
});
于 2013-01-13T23:38:39.937 に答える
0

以下を使用して考えられる解決策は次の$.extendとおりです。 

var countrylist = [{ "Country": "United States", "Code": "us" }, { "Country": "Belgium", "Code": "be" }, {"Country": "Argentina", "Code": "ar" }],
        citylist = [{ "City": "Abernant", "Code": "us", "CityId":1},{ "City": "Academy Park", "Code": "be", "CityId": 2},{ "City": "Abernathy", "Code": "ar","CityId":3 }],
        newArray = [];  

$.each(citylist, function(idx,val){
   var code = val.Code;
   $.each(countrylist,function(x,valu){
        if(valu.Code === code){
          newArray.push($.extend({},valu,val));
        } 
      });  
    });     

    console.log(newArray);

http://jsfiddle.net/3j5Aw/

于 2013-01-13T23:45:53.120 に答える
0

あなたはAlasqlJavaScriptライブラリでそれを行うことができます。

これはメインオペレーターです：

var data = alasql('SELECT city.City, country.Country FROM ? AS city \
     JOIN ? AS country ON city.CountryCode = country.Code',[citylist, countrylist]);

jsFiddleでこのサンプルを試してください。

Alasqlは、JSONデータをSELECTステートメントに直接ダウンロードできます。

alasql("SELECT city.City, country.Country \
     FROM JSON('../GetCountrylist') AS city \
     JOIN JSON('../GetCitylist') AS country \
     ON city.CountryCode = country.Code",[], function(data){
    // use data
});
于 2014-12-19T12:23:06.427 に答える