$.getJSON with for loop, 只在调试时工作

Question

**我真的需要帮助，因为我无法找到可行的解决方案或自己解决。问题是，我无法获取信息。 "data" 应包括 23 个对象。问题是，调试一切正常。请帮我！！！我快要死了。和回调或 then.(function...) 对我不起作用...;( **

function query_day2day(DateArray_){

        var Fluid_id = 0;
        var data_list = new Array();

    //read out the select element
        var e = document.getElementById("select_fluid");
        var Fluid_id = e.options[e.selectedIndex].value;
    //read in date
        //var d = document.getElementById("datepicker");
        //var date = d.value;
        var dateArray = new Array();
        dateArray = DateArray_;
    //Bring the date array in the correct form to submit
        for(i = 0; i<dateArray.length; i++)
        {
        var year = dateArray[i].substring(6, 10);   //substring(start, end)
        var month = dateArray[i].substring(0, 2); 
        var day = dateArray[i].substring(3, 5);  

        dateArray[i] = year + "-" + month + "-" + day;
        //alert(dateArray[i]);
        }

        for(i = 0; i<dateArray.length; i++)
        {
        switch (Fluid_id) {
            case '1':
               $.getJSON(setAddress_Event() + 'liter_hour/' + Fluid_id + '/' + dateArray[i], function(data){


                //data_callback(data, i); //I don´t understand this concept ;(
               data_list[i] = data;     


                });
                break;
            case '2':
               $.getJSON

已更新

        function getData(setAddress_Event, liter_hour, Fluid_id, dateArray){
          return $.getJSON(setAddress_Event + liter_hour + Fluid_id + "/" + dateArray).then(function(data){
            return {
              data_list:data
            }
          });
        }

        for(var j = 0; j<dateArray.length; j++)
        {
        getData(setAddress_Event(), "liter_hour/", Fluid_id, dateArray[j]).then(function(returndata){
          //received data!
          alert(j);
          data_collection[j] = returndata;

        });

        }


    alert(data_collection); //Hier ist data_list undefined und beim returnen wird es richtig übergeben.... ohne diesem alert wird falsch übergeben.... dreck
    return data_collection;

请帮帮我，我需要所有数据，不仅仅是最后一个。调试有效，我不知道这里有什么问题....

Debugg Snippet

Answer 1

尝试类似的操作。您可能需要遍历元素才能使用它们。

                $.getJSON('/ReferenceData/PhoneType',
            function (data) {
                if (!isBound) {
                    dropDownToBind.append($('<option></option>').val(-1).html('- Select Type -'));
                    $.each(data, function (index, element) {
                        dropDownToBind.append($('<option></option>').val(element['Id']).html(element['Value']));
                    });
                    isBound = true;
                }
            });

// 或者这个

                                $.getJSON(url, params, function (data) {
                                    if (data != null) {
                                        zip_code_field.closest('.formCol').find('.ZipCity').val(data.City);
                                        zip_code_field.closest('.formCol').find('.ZipState').val(data.State);

                                        $.uniform.update();
                                    }
                                });

Answer 2

这是因为您在 Ajax 检索 JSON 的请求发回响应之前访问数据。请注意，当您执行

    getData(setAddress_Event(), "liter_hour/", Fluid_id, dateArray[j]).then(function(returndata){
      //received data!
      alert(j);
      data_collection[j] = returndata;
    });

...内部函数没有执行。它仅传递给 getData，您的代码会立即继续。只有执行到脚本结束时，Ajax个请求才会一个一个调用你的回调函数，所以都是在主脚本结束后执行。

下面是你可以如何处理这个问题（引入一个变量 numPendingResults）：

var numPendingResults = dateArray.length;
for(let j = 0; j<dateArray.length; j++) {
    getData(setAddress_Event(), "liter_hour/", Fluid_id, 
                                dateArray[j]).then(function(returndata){
      //received data!
      data_collection[j] = returndata;
      numPendingResults--; // one less to wait for!
      if (!numPendingResults) { // we have everything!
        console.log(data_collection);
        // anything you want to do with data_collection should be done here
        // ...
        // or call a function that will deal with it, from here.
      }
    });
}

你不能return data_collection。相反，您应该调用如上所述的函数。可能该函数可以作为最外层函数的参数传递。或者更进一步使用 Promise 系统。由您决定...

$.getJSON with for loop, 只在调试时工作

$.getJSON with for loop, just working when debugging

javascript

jquery

getjson