为什么没有设定全局变量值?

时间:2011-02-25 07:07:13

标签: javascript ajax global-variables

我无法弄清楚为什么我的全局变量 workRegionCode设置不正确。

在函数getWorkRegion()中,在获取ajax回调后,它尝试设置workRegionCode全局变量。 (在函数setFirstIndexWorkRegionCode()内)。

setFirstIndexWorkRegionCode()中的提醒输出预期值,如401或123等。

但是当调用getMachines()时,全局变量workRegionCode是不可取的:(

这个js从window.onload()

开始

(请忽略那些日语JSON键值和少量日语变量。它们是无害的)

代码:

    var workRegionDropdown = document.getElementById("workRegionDropdown");;
    var machineDropdown = document.getElementById("machineDropdown");

    //this is the global variable with problem.....
    var workRegionCode;

    //INIT
    window.onload = function() {

        getWorkRegions();

       // alert("before: " + window.workRegionCode);

        getMachines();

      //  alert("after: " + window.workRegionCode);
    }

    function addWorkRegionToDropdown(jsonObject, dropdown) {
        for(var i=0, j=jsonObject.length; i<j; i++) {
            var option = document.createElement("option");
            option.text = jsonObject[i].作業区コード + ":" + jsonObject[i].作業区名漢字;
            option.value = jsonObject[i].作業区コード;
            dropdown.options.add(option);
        }
    }

    function addMachineToDropdown(jsonObject, dropdown) {
        for(var i=0, j=jsonObject.length; i<j; i++) {
            var option = document.createElement("option");
            option.text = jsonObject[i].機械名;
            option.value = jsonObject[i].機械名;
            dropdown.options.add(option);
        }
    }


    function getMachines() {

        //!!!!!!!!!!! workRegionCode is undefined.. why?!?!?!  

        alert("inside of getMachines() ==> " + window.workRegionCode);

        var ajaxRequest = new XMLHttpRequest();
        ajaxTimeout = setTimeout(function() {timeoutAjax(ajaxRequest, "showMessage")}, "5000");

        ajaxRequest.onreadystatechange = function() {
            if(ajaxRequest.readyState == 4  ) {
                clearTimeout(ajaxTimeout);
                switch ( ajaxRequest.status ) {
                    case  200:
                                var jsonOut = JSON.parse(ajaxRequest.responseText);
                                addMachineToDropdown(jsonOut.機械, machineDropdown);
                                break;
                    default:

                                document.getElementById("showMessage").innerHTML = ajaxRequest.responseText;
                }
            }
        }


        var aMonthAgo = new Date();
        with(aMonthAgo) {
            setMonth(getMonth() - 1)
        }
        aMonthAgo = aMonthAgo.getYYYYMMDD();
        var 終了日 = "29991231";

        var url = "../resources/machine/list/" + window.workRegionCode + "/" + aMonthAgo + "/" + 終了日;
        ajaxRequest.open("GET", url, true);
        ajaxRequest.send(null)
    }




    function getWorkRegions() {
        var ajaxRequest = new XMLHttpRequest();
        ajaxTimeout = setTimeout(function() {timeoutAjax(ajaxRequest, "showMessage")}, "5000");

        ajaxRequest.onreadystatechange = function() {
            if(ajaxRequest.readyState == 4  ) {
                clearTimeout(ajaxTimeout);
                switch ( ajaxRequest.status ) {
                    case  200:
                                var jsonOut = JSON.parse(ajaxRequest.responseText);

                                //set global variable workRegionCode
                                setFirstIndexWorkRegionCode(jsonOut);

                                addWorkRegionToDropdown(jsonOut.作業区, workRegionDropdown);
                    default:

                                document.getElementById("showMessage").innerHTML = ajaxRequest.responseText;
                }
            }
        }

        var url = "../resources/workshop/list";
        ajaxRequest.open("GET", url, true);
        ajaxRequest.send(null)
    }//end getWorkRegions()

    function setFirstIndexWorkRegionCode(jsonString) {

        //here I set the value to work region code!
        window.workRegionCode = jsonString.作業区[0].作業区コード;
        alert("作業区コード: " + window.workRegionCode);

     }

2 个答案:

答案 0 :(得分:2)

AJAX中的“A”代表异步。这意味着AJAX调用将被触发,其余代码将继续执行。它不等待响应。这将是一个同步电话。如果getMachines()依赖于对getWorkRegions()的响应,你应该这样做:

window.onload = function() {

    getWorkRegions();

}


getWorkRegions() {

...
    if (ajaxRequest.status == 200) {

        ...
        var jsonOut = JSON.parse(ajaxRequest.responseText);
        setFirstIndexWorkRegionCode();
        addWorkRegionToDropdown();

        getMachines();
        ...
    }

...

}

答案 1 :(得分:1)

workRegionCode的值是在异步AJAX请求的回调函数中分配的,但您正在尝试读取创建AJAX请求的线程中的值。 getMachines() 始终始终执行ajaxRequest.onreadystatechange功能,触发设置workRegionCode