Javascript和JQuery数组变量[重复]

Question

我在使用从 jquery ajax 调用构建的 javascript 中的数组时遇到问题。我可以创建数组，并且知道它存在于 jquery 函数中，因为我可以将它记录在浏览器控制台中。但是，在函数运行后我没有拾取它，因为它在 crees = loadCrews() 行之后返回为未定义.这是我的主要 javascript 文件：

$(document).ready(function(){
     var crews = [];
    console.log("loading crews")
    crews = loadCrews();
   console.log(crews);

 $('#datetimepicker1').datetimepicker({
     pickTime: false
    });
 $('#datetimepicker2').datetimepicker({
       pickTime: false
    });

 $("#input_form").submit(function(){

     console.log(crews)
     var querystring = $(this).serialize();
             alert(querystring)
     return false;
         });

});

function loadCrews(){
 $.getJSON( "url", function( data ) {
    var items = [];
  $.each( data, function( key, val ) {
    items.push(val.UNID);
        })
     console.log(items)
    return items
 });   

};

---

更新 1：我在 ajax 请求上使用了回调，它开始变得有意义了。感谢所有的好读物。不幸的是，即使使用了 .done 回调，我仍然无法传回我的数组。

这是更新后的代码：

$(document).ready(function(){

        loadCrews();

 $('#datetimepicker1').datetimepicker({
     pickTime: false
    });
 $('#datetimepicker2').datetimepicker({
       pickTime: false
    });

 $("#input_form").submit(function(){
     var querystring = $(this).serialize();
             alert(querystring)

     return false;
         });

});

function loadCrews(){
    var url =  //url of service for all crew names
$.getJSON( url)
  .done(function( data ) {
      var crews = [];
    $.each( data, function( key, val ) {
        crews.push(val.UNID);
        })
    console.log(crews)
    return crews

  })
  .fail(function( jqxhr, textStatus, error ) {
    var err = textStatus + ", " + error;
    console.log( "Request Failed: " + err );
});
};

Answer 1

Ajax 调用是异步的，这意味着 javascript 将继续执行而不是等待 ajax 调用首先完成。这意味着，crews 变量被分配给一个尚不存在的值（因为在分配变量时 ajax 调用尚未完成）。

您可以在 ajax 调用完成时使用 promise 来分配值，或者只是将值分配给 ajax 成功回调中的变量组

Answer 2

您正在从 $.getJSON 内部返回项目，因此 loadCrews 没有返回任何内容，因此工作人员 = 没有 = '未定义'。要解决此问题，您可以将声明 var item = [] 移到 getJSON 函数之外。祝你好运！