雙層ajax嵌套（可多層）用法實例

這篇文章主要介紹了雙層ajax嵌套（可多層）用法,實例分析了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=&#39;00000&#39;>请选择</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(&#39;error&#39;);  
  }, 
  success:onchangecal 
  }); 
  } 
  } 
  }
  if(chooseIdTypeOne==2){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==3){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==4){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==5){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==6){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==7){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==8){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==9){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==10){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==11){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==12){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==13){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  $("#chooseIdTypeOnechdranone2").html(str);
}

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

jquery中的ajax同步與非同步詳解

jquery中的ajax異步上傳

#ASP.NET與Ajax的實作方式

#

以上是雙層ajax嵌套（可多層）用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！