在JavaScript中从变量传递数据

Passing data from variables in JavaScript

本文关键字：数据 变量 JavaScript      更新时间：2023-09-26

我创建了一个小型JavaScript应用程序，其中包含以下函数，该函数调用一个函数来检索JSON数据:

var months = function getMonths(){
$.getJSON("app/data/Cars/12Months", function (some_data) {
    if (some_data == null) {
        return false;
    }
    var months_data = new Array();
    var value_data = new Array();
    $.each(some_data, function(index, value) {
        months_data.push(index);
        value_data.push(value);
   });
    return[months_data,value_data];
});

}

然后，我在同一个文件中创建了另一个函数，该函数在加载特定页面时执行某些操作。在这个函数中，变量'months'被传递给变量'result'。 
$(document).on('pageshow', '#chartCar', function(){
$(document).ready(function() {

    var result = months;
    var date = result[0];
    var values = result[1];
//more code here...
});
}

问题在于，基于调试器，getMonths()函数工作良好并产生预期的输出，但第二个函数中的'result'变量无法获得变量'months'传递给它的值。你知道如何解决这个问题吗?

问题是您的$.getJSON()函数是异步的，因此您的数据加载后，然后您读取它。有两种解决方法:
1. 将$.getJSON替换为$.ajax并设置为async: false;
2. 把你的代码放在$.getJSON回调:

var months = function getMonths(){
$.getJSON("app/data/Cars/12Months", function (some_data) {
    if (some_data == null) {
        return false;
    }
var months_data = new Array();
var value_data = new Array();
$.each(some_data, function(index, value) {
    months_data.push(index);
    value_data.push(value);

}); 
var date = months_data;
var values = value_data;
//more code here..
    })
    }

一定有语法错误。

});
}

与

});
});

$.getJSON()是默认为异步的$.ajax的包装器。但是你把它当作一个同步调用。

可以使用$.ajaxSetup() 

$.ajaxSetup( { "async": false } );
$.getJSON(...)
$.ajaxSetup( { "async": true } );

或使用$.ajax和async: false 

$.ajax({
    type: 'GET',
    url: 'app/data/Cars/12Months',
    dataType: 'json',
    async: false,
    success: function(some_data) { 
        //your code goes here
    }
});

或者如果可能的话改变你的应用程序的行为，这样你就可以在回调函数中处理你的数据。

相关文章：