Ergebnis 1 bis 2 von 2
  1. #1
    kleene-chris85 ist offline Grünschnabel
    registriert
    23-07-2012
    Beiträge
    1

    Exclamation AJAX und JSON - ein Array Object der JSON laden nicht alle

    Hallo ich habe folgendes Problem, ich habe eine Küche SImuliert und möchte nun per Klick auf das Kochbuch den Titel des erstes Rezeptes aus meiner JSON laden zur Zeit läd er mir aber alle 3 Titel. Per erneuten klick auf ein Rezepttitel läd sich dann der Rest vom Rezept ( Zutaten, Zubereitung)

    Hier meine onClick function:
    Code:
    this.buchs.forEach(function(element, index, arr) {
    			if(element.view === event.target && element.actState === 0) {
    				console.log(element.actState);
    				element.changeState();
    				kitchen.stage.reorderRenderObjects();
    				
    				var tasklistElement,taskRenderAreaElement;
    
    				// Die Liste mit allen Aufgaben. Diese Liste wird mit den Daten
    				// gefuellt sobald die Aufgaben von dem Server via AJAX
    				// abgerufen wurden.
    				tasklistElement = document.querySelector('#tasks');
    				//Lässt die JSON-Datei nur einmal laden
    				tasklistElement.innerHTML = '';
    
    				// Dieses Element fungiert als Container in welchen die "TaskDetails"
    				// geladen werden sobald der User eine Aufgabe ausgewaehlt hat.
    				taskDetailsElem = document.querySelector('#task-details');
    
    				// Abrufen der Aufgaben vom Server. Die Daten aus der JSON-Datei (tasks.json)
    				// werden als Parameter an die Callback-Funktion uebergeben (tasks) sobald
    				// die Daten vom Server geladen wurden.
    				Ajax.getJSON('rezepte.json', function (tasks) {
    
    				// Iteration ueber alle Aufgaben.
    					tasks.forEach(function (task) {
    
    						// Fuellen der Liste mit Eintraegen, die den Titel der
    						// jeweiligen Aufgabe beinhalten.
    						var taskElement = document.createElement('li');
    						var taskTitleElement = document.createTextNode(task.title);
    						taskElement.appendChild(taskTitleElement);
    
    						tasklistElement.appendChild(taskElement);
    
    						// Beim Klick auf einen Eintrag werden die Details
    						// angezeigt (siehe TaskDetails.js; Rendern in "taskDetailsElem").
    						taskElement.addEventListener('click', function () {
    						taskDetailsElem.innerHTML = '';
    
    						var taskDetails = new TaskDetails(taskDetailsElem, task);
    						taskDetails.render();
    						});
    					});
    				});
    und hier meine JSON:
    Code:
    [
        {
        	"title": "Hawaii Toast",
        	"zutaten": ["Ananas aus der Dose", "Toastbrot", "Schinken", "Käse"],
    		"zubereitung": "Zubereitung:",
        	"description": "-Reiehnfolge beliebig- Eine Scheibe Kochschinken, Ananasscheibe, Käse auf das Toast in die Pfanne legen. Die Herdplatte anmachen und diePfanne auf den Herd stellen. Wenige Sekunden anbraten. Fertig"
        },
        {
        	"title": "Spaghetti Bolognese",
        	"zutaten": ["Zwiebel", "Hackfleisch", "Tomaten", "Nudeln"],
    		"zubereitung": "Zubereitung:",
        	"description": "Machen Sie als erstes eine beliebige Kochplatte an. Stellen Sie dann den Topf mit bereits enthaltenen Wasser auf die Herdplatte und warten Sie bis das Wasser kocht. Nun -Reihenfolge beliebig- legen Sie die Nudeln in den Topf mit kochendem Wasser. Hackfleisch hinzufügen. Die Zwiebeln in den Topf werfen und Tomaten hinzufügen. Fertig."
        },
    	{
        	"title": "Rührei",
        	"zutaten":[ "Ei"],
    		"zubereitung": "Zubereitung:",
        	"description": "Eier in den Pfanne geben und warten bis das Ei -kocht-. Fertig"
        }
    	
    	
    ]
    sorry für die Unübersichtlichkeit bin neu hier und muss mich erst in die Forenschreibfunktionen einfinden.

    PS: ALLES höchste Dringlichkeit die Küche muss morgen um 9 vorgestellt werden
    vielen lieben dank
    Geändert von kkapsner (24-07-2012 um 00:53 Uhr) Grund: CODE-Tags eingefügt

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.667

    AW: AJAX und JSON - ein Array Object der JSON laden nicht alle

    Ich bin mir nicht ganz sicher, was du von uns willst... da du dein JSON-Object (ein Array) durch forEach jagst, ist doch ganz klar, dass alle Rezepte angezeigt werden...

Ähnliche Themen

  1. JSON Objekt zu Javascript-Array?
    Von Veyrne im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 14-10-2011, 14:59
  2. Array in Json-Objekt einfügen
    Von freakyBOi im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 29-05-2011, 20:31
  3. JSON in Javascript Array umwandeln
    Von grailsaction im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 25-09-2009, 16:15
  4. Prototype AJAX & JSON
    Von aazmitia im Forum Serverseitige Programmierung
    Antworten: 6
    Letzter Beitrag: 13-08-2009, 02:45
  5. JS Array mit via JSON an PHP übergeben
    Von one1 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 06-08-2009, 20:07

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •