這篇文章主要介紹了雙層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嵌套(可多層)用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!