双层ajax嵌套（可多层）用法实例


            本文实例讲述了双层ajax嵌套（可多层）用法。分享给大家供大家参考。具体如下：





function addbus()

{

  //清除a标签中的所有元素

  // $("#s1").remove();

  var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val();

  $.ajax({ 

  url : "/ftcms/changeProject.do?getOriginal&OriginalName="+chooseIdTypeOne, 

  data : null, // 参数 

  type : "post", 

  cache : false, 

  dataType : "json", //返回json数据 

  error: function(){ 

  //document.getElementById("chooseIdTypeOnechdranone").options.length = 0;

  alert('error');  

  }, 

  success:onchangecal 

  }); 

  } 

  function onchangecal(data){

  var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val();

   document.getElementById("chooseIdTypeOnechdranone2").options.length = 0; //清空原有的option 

  var str="<option value='00000'>请选择</option>";

  if(chooseIdTypeOne==1){

  $.ajax({ 

  url : "/ftcms/changeProject.do?getOriginal&OriginalName="+chooseIdTypeOne, 

  data : null, // 参数 

  type : "post", 

  cache : false, 

  dataType : "json", //返回json数据 

  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 value='"+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++){ 

   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"

  } 

  }

  if(chooseIdTypeOne==11){

  for(var i=0;i<data.length;i++){ 

   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"

  } 

  }

  if(chooseIdTypeOne==12){

  for(var i=0;i<data.length;i++){ 

   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"

  } 

  }

  if(chooseIdTypeOne==13){

  for(var i=0;i<data.length;i++){ 

   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"

  } 

  }

  $("#chooseIdTypeOnechdranone2").html(str);

}







希望本文所述对大家的Ajax程序设计有所帮助。