Javascript PHP JSON - Alles zusammen

[Hoerti]

Hallo zusammen!
Ich arbeite momentan an einer Webseite und stehe nun vor einem Problem, das eigentlich nicht so schwer sein kann.
Und zwar bekomme ich von search_new.php folgendes JSON zurück:

Code: Alles auswählen

{"Data":{"Recipes":{"Recipe_5":{"ID":"5","TITLE":"Spaghetti Bolognese"},"Recipe_7":{"ID":"7","TITLE":"Wurstel"},"Recipe_9":{"ID":"9","TITLE":"Schnitzel"},"Recipe_10":{"ID":"10","TITLE":null},"Recipe_19":{"ID":"19","TITLE":null},"Recipe_20":{"ID":"20","TITLE":"Hundefutter"},"Recipe_26":{"ID":"26","TITLE":"Apfelstrudel"},"Recipe_37":{"ID":"37","TITLE":null},"Recipe_38":{"ID":"38","TITLE":"AENDERUNG"},"Recipe_39":{"ID":"39","TITLE":null},"Recipe_40":{"ID":"40","TITLE":"Schnitzel"},"Recipe_42":{"ID":"42","TITLE":"Release-Test"},"Recipe_43":{"ID":"43","TITLE":"Wurstel2"}}},"Message":null,"Code":200}


In der Javascript-Funktion möchte ich nun so darauf zugreifen:

Code: Alles auswählen

   <script type="text/javascript">
   function test() {
         //var availableTags = new Array(400);
         //availableTags[0] = "Test";
         alert("misstake");
         var availableTags =  new Array();
         alert(availableTags.length);
         for(int i = 0; i<5; i++){
            availableTags[i] = <?php include("php/search_new.php"); ?>;
         }
         
         
         alert("Test");
         for(var i=0;i<5;i++){
            alert("<b>availableTags["+i+"] is </b>=>"+availableTags[i]+"<br>");
         }
         alert("Hallo");
      }
   </script>


Mein Problem ist, das ich für availableTags.length 0 erhalte und in der for-schleife für availableTags[i] "undefined".
Das es daran liegt, dass das availableTags-Array das alles nicht richtig verarbeiten kann, ist mir klar. Unklar ist mir aber, wie ich das "parsen" könnte. Was ich will ist, dass in availableTags[0] das erste JSON-Rezept drinnensteht, in availableTags[1] das zweite usw.

Hoffe es ist einigermaßen klar was ich meine, ich bitte um Eure Hilfe
Mfg Hörti

[my-webdesigner.com]

Hallo Hörti,

mir ist noch nicht ganz klar, was du mit der for-Schleife bezwecken möchtest, von Syntaxfehlern im JS-Code abgesehen.

Code: Alles auswählen

availableTags = <?php include("php/search_new.php"); ?>;

availableTags enthält nun dein Object. Zugreifen kannst du darauf z.B. so:

Code: Alles auswählen

availableTags.Data.Recipes["Recipe_5"]

Was möchtest du damit anfangen und wozu soll die Schleife dienen?

Grüße,
Gerald

[Hoerti]

Erstmals Danke für deine schnelle Antwort!
Ich dachte mir das so, dass ich jedes Rezept einzeln einlesen muss, das war ein blöder Denkfehler, danke fürs Ausbessern.

Ich möchte alle Rezepte in einem Array haben, damit ich dann den Namen des Rezepts in einer Textbox anzeigen kann. Bzw. möchte ich etwas in einer Textbox eingeben und mit jquery autosuggest die Namen der Rezepte dann anzeigen lassen.

Wenn ich, wie du sagst,

Code: Alles auswählen

alert(availableTags.Data.Recipes["Recipe_5"]);

verwende, bekomme ich jediglich "[object Object]"... woran kann das denn liegen?

[Guillermo]

Da fehlt noch eine Ebene:

Code: Alles auswählen

alert(availableTags.Datxa.Recipes.Recipe_5["ID"]);
alert(availableTags.Data.Recipes.Recipe_5["TITLE"]);


[Hoerti]

Ok, spitze, danke!

Also wie oben schon geschrieben, möchte ich alle Rezeptnamen in einem Array haben. Wie kann ich das denn am besten umsetzen?
Mit einer for-Schleife geht es ja leider nicht, da die Recipes-ID bei 5 anfängt und nicht jede ID belegt ist.

Gibt es da sonst noch einen Weg?

[my-webdesigner.com]

Was spricht dagegen, das Object, bevor es zum JSON-Object wird, bereits in PHP richtig auszugeben?
Wenn du nur die Namen benötigst, lass doch lieber nur die Namen ausgeben.

Ansonsten geht das so:

Code: Alles auswählen

var allRecipes = (<?php include("php/search_new.php"); ?>).Data.Recipes;
var recipeNames = [];
for(var i in allRecipes) {
    recipeNames.push(allRecipes[i].TITLE);
}

recipeNames ist nun ein Array, das die Namen aller Rezepte enthält.

[Hoerti]

Wow, so einfach?

Einfach klasse Leute, vielen Dank!

[my-webdesigner.com]

Wow, so einfach?

Ja JavaScript ist meiner Meinung nach auch eine der angenehmsten Sprachen.

No problemo - Falls es noch was gibt, einfach noch mal melden