我无法弄清楚为什么我的全局变量 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);
}
答案 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
。