双层ajax嵌套（可多层）用法实例
更新时间：2015年07月31日 12:47:16 作者：修三
这篇文章主要介绍了双层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程序设计有所帮助。
相关文章
Ajax中responseText返回的是一个页面而不是一个值
用response返回的内容却是一个页面的，可以将String 类型改为void 这样返回的就不是整个页面了2014-05-05
这篇文章主要为大家详细介绍了表单上传功能和文件上传功能实现，ajax文件异步上传，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了Django框架利用ajax实现批量导入数据功能的相关资料,需要的朋友可以参考下2016-03-03
AJAX应用之注册用户即时检测...2006-07-07
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
这篇文章主要介绍了Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
ajax是异步的意思，它有别于传统web开发中采用的同步的方式。异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的2013-08-08
应用程序通过XMLHttpRequest对象以后台的方式从服务器获取数据，通过CSS和DOM改变界面的外观，感兴趣的朋友可以了解下本文2014-01-01
这篇文章主要介绍了自己写的ajax翻页效果，模仿yii框架,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了Ajax请求和Filter配合案例解析的,本文给大家介绍的非常详细，具有参考借鉴加载，需要的朋友可以参考下2016-12-12
下面小编就为大家带来一篇ajax快速解决参数过长无法提交成功的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
最新评论