ホームページ >ウェブフロントエンド >jsチュートリアル >2層Ajaxネスティング(多層化可能)の使用例

2層Ajaxネスティング(多層化可能)の使用例

亚连
亚连オリジナル
2018-05-25 10:29:242623ブラウズ

この記事では、主に 2 層の Ajax ネスティング (多層化可能) の使用方法を紹介します。これは、多層ネスティングの機能を実現することができ、関連する使用スキルを分析します。この記事の次の

例では、2 層の 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=&#39;00000&#39;>请选择</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(&#39;error&#39;);  
  }, 
  success:onchangecal 
  }); 
  } 
  } 
  }
  if(chooseIdTypeOne==2){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==3){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==4){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==5){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==6){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==7){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==8){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==9){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==10){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==11){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==12){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  if(chooseIdTypeOne==13){
  for(var i=0;i<data.length;i++){ 
   str+="<option value=&#39;"+data[i].UID+"&#39;>"+data[i].NAME+"</option>"
  } 
  }
  $("#chooseIdTypeOnechdranone2").html(str);
}

以上、皆様のお役に立てれば幸いです。

関連記事:

jqueryにおけるajax同期と非同期について詳しく解説

jqueryにおけるajax非同期アップロード

ASP.NETとAjaxの実装方法

以上が2層Ajaxネスティング(多層化可能)の使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。