Question

我希望在下拉列表的onchange事件中同时调用3个ajax函数。

我尝试调用第一个函数的if (xmlhttp1.readyState==4 && xmlhttp1.status==200)内的第二个函数和第二个函数的if (xmlhttp1.readyState==4 && xmlhttp1.status==200)内的第三个函数。

但是只调用第一个函数，即使没有调用第二个函数。还有其他方法可以实现吗？

以下是功能：

function list1(ob){

    var id= ob;
    var xmlhttp1;

    if (window.XMLHttpRequest){//for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp1=new XMLHttpRequest();
    }else{//for IE6, IE5
        xmlhttp1=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp1.onreadystatechange = function(){
        if (xmlhttp1.readyState==4 && xmlhttp1.status==200){
            alert("ajax1");
            list2(id);
        }
    }

    xmlhttp1.open("POST","/ajax/listSites.php",true);
    xmlhttp1.setRequestHeader("Content-type",
                              "application/x-www-form-urlencoded");
    xmlhttp1.send("id="+id);    
}


function list2(obb){

    var idd=obb;
    var xmlhttp;

    if (window.XMLHttpRequest){// for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }else{// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            alert("ajax2");
            list3(idd);
        }
    }

    xmlhttp.open("POST","/ajax/access_points_do_actions.php",true);
    xmlhttp.setRequestHeader("Content-type",
                             "application/x-www-form-urlencoded");
    xmlhttp.
        send("sel_system_id="+idd+
             "&action="+'LIST_SLAVE_FOR_ACCESS_POINT'); 

      }

// only alert ajax1 is displayed

Answer 1

您可以像这样链接异步调用：

onchange="Function1(); Function2();"

更新

您的代码：

<select id="se" onchange="javascript:list1(this.value); //this is current code

应该是这样的：

<select id="se" onchange="Javascript: list1(this); list1(this);">

在onchange事件上调用2个ajax函数

1 个答案: