45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:双层ajax嵌套(多层)的使用教程分享

双层ajax嵌套(多层)的使用教程分享

2015-08-19 07:36:14 来源:www.45fan.com 【

双层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程序设计有所帮助。


本文地址:http://www.45fan.com/bcdm/18168.html
Tags: ajax 嵌套 双层
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部