双层ajax嵌套(可多层)用法实例
网络编程 2021-07-05 10:37www.168986.cn编程入门
这篇文章主要介绍了双层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='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程序设计有所帮助。
编程语言
- socket网络编程 socket网络编程Socket基础
- 少儿编程培训班 少儿编程培训班教学方法
- linux系统编程:Linux系统编程多线程基础
- unix环境高级编程 首发于 UNIX环境高级编程学习之
- 学编程学哪一种比较好 初学者哪种编程语言比较
- 学PLC编程学费多少
- 计算机编程入门 学计算机编程入门的初学指南
- 世界编程语言排行榜
- vba编程培训:Excel VBA编程培训初学者教程
- 少儿编程课程:少儿编程学什么及各年龄段如何
- 游戏编程入门:少儿游戏编程入门的技巧
- 学编程哪个培训机构好 编程培训机构哪个好
- 编程机器人加盟 机器人编程加盟哪家好
- 在线少儿编程机构排名
- 电脑编程入门自学
- 服务器系统下载:服务器系统的安装