jQuery技术:如何进行多个ajax调用？

我有5个下拉框，如（国家，州，区，镇，街）。
当我选择国家时，我正在加载属于该国家的（州，区，镇，街道）。

我的问题是，我正在为此制作4个单独的ajax调用。

$('#Country').change(function(){ var procemessage = " Please wait..."; $("#State").html(procemessage).show(); var CountryId = $(this).val(); $.ajax({ url: '../Home/LoadStateForCountry?CountryId=' + CountryId, success: function (result) { var markup = ""; if (result.length < 1) { markup = "--Nothing to Select--"; } else { data = result; markup = "--Select--"; for (var x = 0; x < data.length; x++) { markup += "" + data[x].DisplayText + ""; } } $("#State").html(markup).show(); }, error: function (result) { } }); }); $('#Country').change(function(){ //Load district }); $('#Country').change(function(){ //Load town }); $('#Country').change(funstion(){ //Load street }); 

这样做是对的。 或者无论如何都要立即调用它。
我是MVC的新手。 所以请指导我。

 $('#Country').change(funstion(){ BindStateDropDown(); BindDistrictDropDown(); BindTownDropDown(); BindStreetDropDown(); }); 

 $.get("URLToLoadState",{CountryId:CountryId },function(data){ BindDistrict() }); 

 public class LocationModel { public List StateList{get;set;} public List StateList{get;set;} public List StateList{get;set;} public List StateList{get;set;} } 

 $('#Country').change(funstion(){ $.get("UrlToLoadLocations",{CountryId:CountryId},function(data){ BindStateDropDown(data.StateList); BindStateDropDown(data.DistrictList); BindStateDropDown(data.TownList); BindStateDropDown(data.StreetList); }); 

以上就是jQuery教程分享如何进行多个ajax调用？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。