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

所属分类: 网络编程 / AJAX相关 阅读数: 1554
收藏 0 赞 0 分享

本文实例讲述了双层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程序设计有所帮助。

更多精彩内容其他人还在看

ajax实现数据分页查询

这篇文章主要为大家详细介绍了ajax实现数据分页查询的相关资料,以及ajax实现对数据库的查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

ajax实现三级联动的基本方法

这篇文章主要为大家详细介绍了ajax实现三级联动的基本方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Ajax 入门之 GET 与 POST 的不同处详解

这篇文章主要介绍了Ajax 入门之 GET 与 POST 的不同处详解,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax响应json字符串和json数组的实例(详解)

下面小编就为大家带来一篇ajax响应json字符串和json数组的实例(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

纯JS实现AJAX局部刷新功能

下面给大家介绍JS实现AJAX局部刷新功能,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。对ajax实现局部刷新功能感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

Ajax同步和异步问题浅析及解决方法

通过ajax向后台发送和接收数据时,常常会出现同步异步问题。这篇文章给大家介绍Ajax同步和异步问题浅析,需要的朋友参考下
收藏 0 赞 0 分享

Ajax实现城市二级联动(一)

这篇文章主要为大家详细介绍了Ajax实现城市二级联动的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Ajax实现城市二级联动(二)

这篇文章主要为大家详细介绍了Ajax实现城市二级联动的相关资料,将省份用ajax请求并渲染,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Ajax实现城市二级联动(三)

这篇文章主要为大家详细介绍了Ajax实现城市二级联动的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

AJAX跨域请求JSONP获取JSON数据的实例代码

Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 这篇文章主要介绍了AJAX跨域请求JSONP获取JSON数据的实例代码,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多