Objekt mittels JS auslesen

[ePole73]

Hallo Ihr Lieben,

ich möchte lernen wie man mittels JS ein Objekt auslesen kann.

In einem Shopsystem erhalte ich auf der Checkoutseite ein Objekt, das in der Konsole so aussieht:

Dabei interessieren mich besonders die Produktdaten.

Könnt Ihr mir einen kleinen Anstoß geben, wie ich diese Werte aus diesem Objekt mittels JS Schleife auslese?

Lieben Dank
Jack

 

[daniel220786]

Kannst du dein Objekt mal als Text einfügen?
möchte den kopieren zum testen.

 

[mikdoe]

Müsste mit rc_event_purchase.products.forEach(function(ref){ console.log('Preis: '+ref.gross_price) }) gehen
Sonst bitte nochmal melden.

 

[ePole73]

Müsste mit rc_event_purchase.products.forEach(function(ref){ console.log('Preis: '+ref.gross_price) }) gehen
Sonst bitte nochmal melden.

Danke mikdoe

Ich habe es mit folgendem Script versucht:

<script>
var strOut = '<div id="test-div" style="display: none;">';
rc_event_purchase.products.forEach(function(ref){ 
strOut += '<span class="test-span">';
strOut += '<span class="gross_price">'+ ref.gross_price '</span>';
});
strOut = strOut + '</div>';
document.write(strOut);
</script>

Das Ergbenis zeigt aber, dass es nicht funktioniert hat:

Habe ich was falsch gemacht?

 

[mikdoe]

Zeig' mal das Endergebnis in strOut.
Und die Frage ob was in der Konsole steht.

 

[ePole73]

Zeig' mal das Endergebnis in strOut.
Und die Frage ob was in der Konsole steht.

Um bei Deinem Beispiel zu bleiben, habe ich nun Deine Zeile verwendet, und bekomme das hier:

 

[mikdoe]

Dann liegt zu diesem Zeitpunkt an dieser Stelle die Variable nicht vor. Werden die Daten per AJAX geladen?

 

[daniel220786]

Ich sehe nirgends wo ein Einbinden de JSON Datei oder sonst was.
Das Script alleine macht noch gar nix

<script>
var strOut = '<div id="test-div" style="display: none;">';
rc_event_purchase.products.forEach(function(ref){ 
strOut += '<span class="test-span">';
strOut += '<span class="gross_price">'+ ref.gross_price '</span>';
});
strOut = strOut + '</div>';
document.write(strOut);
</script>

und erzeugt natürlich den Fehler den du gerade hast.
document.wite ist auch veraltet und gehört in den Müll

 

[mikdoe]

document.wite ist auch veraltet und gehört in den Müll

Fall' doch nicht mit der Tür ins Haus :icon6:

Na ja. Deprecated ist es noch nicht, wenn ich das richtig sehe. Aber es mag Gründe geben, es lieber nicht zu benutzen.

https://developer.mozilla.org/en-US/docs/Web/API/Document/write

https://developers.google.com/web/updates/2016/08/removing-document-write

 

[ePole73]

So, sorry.
Gerade erst mehr erfahren vom Betreiber.

Es war wohl ein Mißverständnis. rc_event_purchase ist kein Objekt, sondern ein JavaScript trigger und ich muss einen Event listener einbauen und zwar in dieser Form:

document.addEventListener('DOMContentLoaded', function(event) {
    window.jQuery && jQuery(document.body).on('rc_event_purchase', function (event, order) {
        console.log(order);
    });
});

Jetzt bin ich etwas überfragt, wie ich das in mein Script einbaue.

 

[mikdoe]

Dann würde ich das mal recht früh/oben einbauen. Sollte dann ja erst feuern wenn das Objekt vorliegt.