我有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的新手。 所以请指导我。
您可以简单地使用ajax调用来加载国家/地区状态
$('#Country').change(funstion(){ BindStateDropDown(); BindDistrictDropDown(); BindTownDropDown(); BindStreetDropDown(); });
或者你可以做的是回拨一个ajax调用你可以再做一个ajax调用让我们说在LoadState的回调你可以再加一个ajax调用来加载区。
$.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;} }
在更改国家/地区时,您可以通过一次通话获得所有collections
$('#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)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532568.html