Question

在javascript程序中，我试图填充全局3属性数组来自文件中数据的对象。该计划没有成功运作我试过调试，但发现使用Firefox运行时工作内部调试器。所以尝试使用Firebug，但Firebug冻结了。回到简单的“警报”插入，我发现添加了一个 “警报”产生了一个成功的运行，但有令人费解的“警报”消息 - 数组创建子例程中的数组长度似乎正常但是例程之外的零。大概是我做错了但是毫不犹豫的这种行为所以转到这里寻求帮助（作为首次使用者）。 FWIW JQuery用于读取数据。以下是该计划的要点：

var nodedata = new Array();
nodedata = [];
// use routine to fill array
requestNodeData();
alert('POST requestNodeData nodedata.length=' + nodedata.length);
// create markers
for (var index in nodedata) addMarker(nodedata[index], index);
alert('POST index Loop nodedata.length=' + nodedata.length);
  ...

function requestNodeData() {
  var formData = $('#form').serialize();
  $.post('/cgi-bin/get_nodedata.cgi', formData, processNodeData, 'text').error(processNodeDataError);
  return false; // this prevents form button submission
}

function processNodeData(data) {
  var strings = new Array(3);
  datalines = data.split(/\n/);
  for (var i = 0; i < (datalines.length); i++) {
    strings = datalines[i].split(/,/);
    nodedata[i] = {
      'lat': strings[0],
      'lng': strings[1],
      'name': strings[2]
    };
  }
  alert('END OF requestNodeData nodedata.length=' + nodedata.length);
}

注意： “END OF requestNodeData”警报始终提供预期的数组大小添加“POST requestNodeData”警报使程序成功运行！但数组大小为“0”，而不是预期的数组大小！如果省略“POST requestNodeData”警报，则“POST index Loop”给出0 但在包含警报时给出预期的数组大小

Answer 1

您正在使用AJAX请求来检索数据。默认情况下，此请求是异步的。会发生什么，是您正在执行requestNodeData()。这将设置ajax请求并将其发送到服务器。然而，该脚本将立即继续，并从脚本的其余部分处理从ajax请求异步中获取的数据。

长话短说。它会执行：

requestNodeData();
for (var index in nodedata) addMarker(nodedata[index], index);

... (some time goes by) ...

and when the data from requestNodeData is ready,
it'll execute processNodeData(data)

使用alert将暂停脚本（但显然不是ajax请求），这将“及时”填写您的变量。因此，通常最好使用console.log来阻止警报中断应用程序的流程。

要解决此问题，请使用jQuery.ajax()方法代替jQuery.post()并将'async'设置为false，如下所示：

$.ajax({
  type: "POST",
  url: '/cgi-bin/get_nodedata.cgi',
  data: formData,
  success: processNodeData,
  dataType: 'text',
  async: false
});

这将导致脚本按顺序执行脚本。

Answer 2

Ajax请求是异步的，因此您无法在调用之后处理它的结果。警告“帮助”你，因为它在执行后暂停一切，在此期间，ajax成功结束，结束填充变量。所以你应该使用你的nodedata做任何工作人员，只需成功回调

添加警报时，Javascript有效

2 个答案: