Question

所以我尝试使用Javascript加载包含头和数据属性的json文件，然后尝试在其他方法中使用该数据。 json文件加载得很好（由＆＃34; console.log（header.dx）＆＃34;）证明，但代码不能更新我的外部数组（通过调用＆＃来证明） 34; console.log（productPoints.length，productPoints）＆＃34;）。我做错了什么？

var productFile = "aJsonFile.json";
var productPoints = [];
$.getJSON(productFile)
  .done(function(json) {
    var data = json[0].data;
    var header = json[0].header;
    console.log(header.dx);
    k = 0;
    for (var j = 0; j < header.ny; j++) {
      for (var i = 0; i < header.nx; i++, k++) {
        var point = new ol.geom.Point(
          [floorMod(180 + header.lo1 + i * header.dx, 360) - 180, 
          header.la1 - j * header.dy]
        );
        var feature = new ol.Feature({ geometry: point, value: data[k] });
        productPoints.push(feature);
      } 
    }
  });
console.log(productPoints.length, productPoints);

var floorMod = function(a, n) {
  var f = a - n * Math.floor(a / n);
  return f === n ? 0 : f;
};

Answer 1

Ajax调用是异步的。记录数组后，ajax调用可能会结束。尝试在 done（）函数中移动console.log。

var productFile = "aJsonFile.json";
var productPoints = [];
$.getJSON(productFile)
  .done(function(json) {
    var data = json[0].data;
    var header = json[0].header;
    console.log(header.dx);
    k = 0;
    for (var j = 0; j < header.ny; j++) {
      for (var i = 0; i < header.nx; i++, k++) {
        var point = new ol.geom.Point(
          [floorMod(180 + header.lo1 + i * header.dx, 360) - 180, 
          header.la1 - j * header.dy]
        );
        var feature = new ol.Feature({ geometry: point, value: data[k] });
        productPoints.push(feature);
      } 
    }
    console.log(productPoints.length, productPoints);
  });


var floorMod = function(a, n) {
  var f = a - n * Math.floor(a / n);
  return f === n ? 0 : f;
};

使用jquery加载后使用json数据

1 个答案: