对象数组突然变空


Array of objects suddenly empty

我通过一个php文件从服务器获得一个json字符串,其中包含25顿饭。php是由一个javascript函数启动的。然后我想把json转换成一个对象数组。

Responce流具有正确的值。alert()在每一步都显示正确的值。一旦完成了完整的流,数组就会突然再次变空。这是我的问题,我在这个问题上迷失了方向,甚至不知道该用谷歌搜索什么。

我将粘贴php和javascript中的代码。请注意javascript代码末尾的3 Alert(),它们显示了发生的情况。

这是php

<?php
$mysqlHOST = "localhost";
$mysqlUSER = "xxx";
$mysqlPW = "xxx";
$mysqlDB = "xxx";
$mysqlERROR = "Could not connect to database!";
$mysqlERRORDB = "Could not connect to database - DB-Error!";
@mysql_connect($mysqlHOST,$mysqlUSER,$mysqlPW) or die($mysqlERROR);
@mysql_select_db($mysqlDB) or die($mysqlERRORDB);
@mysql_query('SET CHARACTER SET utf8');
$res = mysql_query("SELECT * FROM Rezepte");
while($Row = mysql_fetch_array($res)) 
{      
    $jsondata[]= array('f1'=>$Row["id"], 'f2'=>$Row["data"], 'f3'=>$Row["art"],'f4'=>$Row["name"],'f5'=>$Row["zutaten"],'f6'=>$Row["info"],'f7'=>$Row["bild"]);
}; 
echo(json_encode($jsondata));
?>

这是Javascript。

//Variablen
varRezepte = []; //Liste mit den Rezeptobjecten
//Konstruktor für die Rezept - Objekte
function objRezept(varid, data, art, name, zutaten, info, bild)
{
    this.varid = varid;
    this.data = data;
    this.art = art;
    this.name = name;
    this.zutaten = zutaten;
    this.info = info;
    this.bild = bild;
}
//wenn Page gepaden ist soll das folgende passieren
$(function()
{   
    //Datenbank bemühen um die Rezepte herzubekommen    
    $.ajax({
                type: "POST",
                url: "planerDB.php",
                dataType: "json",
                success: function (data) 
                {
                    for(var i = 0;i < data.length;i++)
                    {
                      var item = data[i];
                      varRezepte.push(new objRezept(item.f1, item.f2, item.f3, item.f4, item.f5, item.f6, item.f7));
                      alert(varRezepte[i].name); //correct output
                    }   
                }
            }); 
    alert(varRezepte[0].name); //undefined
    alert(varRezepte.length); //zero
});

行执行时为空,请记住。。Ajax是异步

该语句甚至在请求完成之前就执行了。因此,在你提到的那一点上,它总是未定义的。

最后2个alert在回调之外,在ajax完成且没有数据之前执行。