Two-layer Ajax nested (multi-layer) Usage instance _ajax related to

The examples in this article describe two-tier Ajax nesting (multiple layers) usage. Share to everyone for your reference. as follows:

function Addbus () {//Clear all elements//$ ("#s1") in a label. Remove ();
  var chooseidtypeone =$ ("#chooseIdTypeOne2"). Find ("option:selected"). Val ();  $.ajax ({url: "/ftcms/changeproject.do?getoriginal&originalname=" +chooseidtypeone, Data:null,//parameter type: "Post", Cache:false, DataType: "JSON",//Return JSON data error:function () {//document.getelementbyid ("Chooseidty
  Peonechdranone "). options.length = 0;  
  Alert (' Error '); 
  }, success:onchangecal});
   function onchangecal (data) {var chooseidtypeone =$ ("#chooseIdTypeOne2"). Find ("option:selected"). Val (); document.getElementById ("ChooseIdTypeOnechdranone2"). options.length = 0;
  Empty the original option var str= "<option value= ' 00000 ' > Please select </option>"; if (chooseidtypeone==1) {$.ajax ({url: "/ftcms/changeproject.do?getoriginal&originalname=" +chooseIdTypeOne, DA Ta:null,//Parameter type: "POST", Cache:false, DataType: "JSON",//Return JSON data error:function () {//document. getElementById("Chooseidtypeonechdranone"). options.length = 0;  
  Alert (' Error '); 
  }, success:onchangecal}); }} if (chooseidtypeone==2) {for (Var i=0;i<data.length;i++) {str+= "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==3) {for (var i=0;i<data.length;i++) {str + + "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==4) {for (var i=0;i<data.length;i++) {str + + "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==5) {for (var i=0;i<data.length;i++) {str + + "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==6) {for (var i=0;i<data.length;i++) {str + + "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==7) {for (var i=0;i<data.length;i++) {str + + "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ ' </option>} ' if (chooseidtypeone==8) {for (Var i=0;i<data.length;i++) {str+= "<option V Alue= ' "+data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==9) {for (var i=0;i<data.length;i++) {str + + "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==10) {for (Var i=0;i<data.length;i++) {St r+= "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==11) {for (Var i=0;i<data.length;i++) {St r+= "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==12) {for (Var i=0;i<data.length;i++) {St r+= "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} if (chooseidtypeone==13) {for (Var i=0;i<data.length;i++) {St r+= "<option value= '" +data[i]. Uid+ "' >" +data[i].name+ "</option>"} $ ("#chooseIdTypeOnechdranone2"). HTML (STR);

 }

I hope this article will help you with your AJAX programming.