首页 > web前端 > js教程 > 双层ajax嵌套(可多层)用法实例

双层ajax嵌套(可多层)用法实例

亚连
发布: 2018-05-25 10:29:24
原创
2614 人浏览过

这篇文章主要介绍了双层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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板