雙層ajax嵌套(可多層)用法實(shí)例
本文實(shí)例講述了雙層ajax嵌套(可多層)用法。分享給大家供大家參考。具體如下:
function addbus() { //清除a標(biāo)簽中的所有元素 // $("#s1").remove(); var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val(); $.ajax({ url : "/ftcms/changeProject.do?getOriginal&OriginalName="+chooseIdTypeOne, data : null, // 參數(shù) type : "post", cache : false, dataType : "json", //返回json數(shù)據(jù) 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, // 參數(shù) type : "post", cache : false, dataType : "json", //返回json數(shù)據(jù) 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程序設(shè)計(jì)有所幫助。
- 用Promise解決多個(gè)異步Ajax請求導(dǎo)致的代碼嵌套問題(完美解決方案)
- Ajax請求內(nèi)嵌套Ajax請求示例代碼
- 詳解JavaScript原生封裝ajax請求和Jquery中的ajax請求
- JQuery實(shí)現(xiàn)ajax請求的示例和注意事項(xiàng)
- JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案
- JQuery的Ajax請求實(shí)現(xiàn)局部刷新的簡單實(shí)例
- jquery的ajax異步請求接收返回json數(shù)據(jù)實(shí)例
- JQuery的Ajax跨域請求原理概述及實(shí)例
- jQuery實(shí)現(xiàn)ajax的嵌套請求案例分析
相關(guān)文章
Ajax輪詢請求狀態(tài)(微信公眾號(hào)帶參數(shù)二維碼登錄網(wǎng)站)
最近做了一個(gè)項(xiàng)目,其中有功能要求通過掃碼微信公眾號(hào)帶參數(shù)的二維碼來登錄網(wǎng)站,接下來小編給大家介紹實(shí)現(xiàn)思路及代碼,一起看看吧2016-09-09表單上傳功能實(shí)現(xiàn) ajax文件異步上傳
這篇文章主要為大家詳細(xì)介紹了表單上傳功能和文件上傳功能實(shí)現(xiàn),ajax文件異步上傳,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08有關(guān)Ajax中g(shù)et和post的使用問題
下面小編就為大家?guī)硪黄嘘P(guān)Ajax中g(shù)et和post的使用問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06ajax動(dòng)態(tài)賦值echarts的實(shí)例(餅圖和柱形圖)
下面小編就為大家分享一篇ajax動(dòng)態(tài)賦值echarts的實(shí)例(餅圖和柱形圖),具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)(二)
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)的相關(guān)資料,將省份用ajax請求并渲染,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05健壯的AJAX源碼學(xué)習(xí)應(yīng)用示例
健壯的AJAX源碼學(xué)習(xí)應(yīng)用示例...2006-09-09