jquery與parsejson多個ajax調用

我有3個ajax調用一個接一個，它調用它們各自的Web服務。這些Web服務返回parseJSON對象。在所有3個Ajax調用中，我使用這些parseJSON對象值填充下拉列表。但它只填充第一個和第三個列表，而不是第二個列表。那麼問題是什麼？jquery與parsejson多個ajax調用

我的代碼如下。

<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>

來源

2013-04-11 hetal gala

任何人都可以幫忙嗎？ – 2013-04-12 03:15:53

問題解決......問題不是在jQuery的....這是在標籤....

我寫如下....

<select id="ddlCountry" class="searchbox roundedcornerstyle" style="width:160px;" /> 
<select id="ddlState" class="searchbox roundedcornerstyle" style="width:160px;" /> 
<select id="ddlCity" class="searchbox roundedcornerstyle" style="width:160px;" />

如下以上線路改變後，GIT解決...

<select id="ddlCountry" class="searchbox roundedcornerstyle" style="width:160px;"></select> 
<select id="ddlState" class="searchbox roundedcornerstyle" style="width:160px;"></select> 
<select id="ddlCity" class="searchbox roundedcornerstyle" style="width:160px;"></select>

這真的花了太多時間去尋找這個..但最後它解決...

來源

2013-04-12 04:47:52

jquery與parsejson多個ajax調用

回答

相關問題