jquery - parsejsonを使用したjquery複数のajax呼び出し

Question

3 つの ajax 呼び出しが次々にあり、それぞれの Web サービスを呼び出します。これらの Web サービスは、parseJSON オブジェクトを返します。3 つの ajax 呼び出しすべてで、ドロップダウン リストにこれらの parseJSON オブジェクト値を入力します。ただし、2 番目のリストではなく、1 番目と 3 番目のリストのみが読み込まれます。それで、問題は何ですか？

私のコードは次のとおりです。

<script type="text/javascript">


 $(document).ready(function () {

     //For test
     $ConUrl = 'http://mydomain.com/WebService.asmx/FetchCountry?callback=parseJSON?';
     $StateUrl = 'http://mydomain.com/WebService.asmx/FetchState?callback=parseJSON?';
     $CityUrl = 'http://mydomain.com/WebService.asmx/FetchCity?callback=parseJSON?';

     populateCountries();

 });  // ready end


     function populateCountries() {

         $.ajax({
             type: 'GET',
             url: $ConUrl,
             processData: true,
             data: {},
             dataType: "jsonp",
             jsonpCallback: 'parseJSON',
             success: function (data) {
                 var html = '<option value="0">All Regions</option>';
                 var len = data.length;
                 for (var i = 0; i < len; i++) {
                     html += '<option value="' + data[i] + '">' + data[i] + '</option>';
                 }
                 $('select#ddlCountry').append(html);
                 populateStates();

             },
             error: function (data) { }
         });


     }

     function populateStates() {

         $.ajax({
             type: 'GET',
             url: $StateUrl,
             processData: true,
             data: {},
             dataType: "jsonp",
             jsonpCallback: 'parseJSON',
             success: function (data1) {
                 var html1 = '<option value="0">All States</option>';
                 var len1 = data1.length;
                 for (var j = 0; j < len1; j++) {
                     html1 += '<option value="' + data1[j] + '">' + data1[j] + '</option>';
                 }
                 $('select#ddlState').append(html1);
                 populateCities();

             },
             error: function (data1) { }
         });


     }

     function populateCities() {

         $.ajax({
             type: 'GET',
             url: $CityUrl,
             processData: true,
             data: {},
             dataType: "jsonp",
             jsonpCallback: 'parseJSON',
             success: function (data2) {
                 var html2 = '<option value="0">All Cities</option>';
                 var len2 = data2.length;
                 for (var k = 0; k < len2; k++) {
                     html2 += '<option value="' + data2[k] + '">' + data2[k] + '</option>';
                 }
                 $('select#ddlCity').append(html2);

             },
             error: function (data2) { }
         });
     }
</script>