JSON mit JavaScript Objekten und APIs in 1 Stunde lernen | Laurence Svekis | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

JSON mit JavaScript Objekten und APIs in 1 Stunde lernen

teacher avatar Laurence Svekis, Best Selling Course Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

14 Einheiten (1 Std. 8 Min.)
    • 1. JSON1hr

      1:49
    • 2. 1 JSON API Einführung

      2:52
    • 3. 2 Ressourcen für die Arbeit mit JSON

      4:13
    • 4. 3 JSON-Daten erstellen

      5:30
    • 5. 4 Speicherung von mehreren Objekten in einem array

      3:13
    • 6. 5 Konvertieren in String und Parse JSON

      4:07
    • 7. 6 Speichern von JSON als Zeichenfolge zum Abrufen und Parsen bei Bedarf

      4:18
    • 8. 8 JavaScript Arrays und JSON

      8:07
    • 9. 9 JavaScript Loops Dynamische Objektnamen

      6:35
    • 10. 11 Verwende AJAX, um JSON-Daten in JavaScript zu erhalten

      5:47
    • 11. 12 jedes Element in JSON

      5:14
    • 12. 14 Joke API abrufen JSON-Antwort

      5:49
    • 13. 16 API-Daten erhalten

      7:35
    • 14. 18 Erstellen Sie deine eigene JSON zu einer API

      2:45
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

610

Teilnehmer:innen

2

Projekte

Über diesen Kurs

In einer Stunde jQuery AJAX lernen
und mit AJAX beginnen. Verwenden Sie jQuery nahtlose Verbindungen zu externen Datenquellen herstellen
und
APIsAJAX kann Daten aus externen Dateien und in JavaScript nahtlos ohne page laden. jQuery macht
die Arbeit mit AJAX einfach und bietet leistungsfähige Methoden für AJAX AJAX ist eine wesentliche Fähigkeit
für die moderne Webentwicklung.

AJAX (asynchrones JavaScript und XML)

Mit AJAX können Webanwendungen Daten an einen Server senden und Daten abrufen und alle im Hintergrund von einem Server abgeben.
AJAX ermöglicht es Webseiten, Inhalte dynamisch zu ändern.

Lade Inhalte aus externen Dateien, lade JSON-Daten und verwende die Daten in JavaScript

JavaScript wird verwendet, um diese Technologien zusammenzubringen, um erstaunliche Benutzererlebnisse zu schaffen, mit
JSON-Daten und den Webelementen. jQuery ist ideal für die Erstellung von AJAX durch die Vereinfachung des Codes und die Erstellung von
Formularen.

Dieser Kurs ist so konzipiert, dass du schnell you

Schritt für Schritt in der
Schulung Quellcode enthalten
try und top die du brauchst, um AJAX in deine Web-Anwendungen zu
bringenvon einem Lehrer mit mehr als 18 Jahren Erfahrung in der Webentwicklung zu
untersuchen, JSON-Daten in der
AJAX ist eine wesentliche Fähigkeit zu haben, zu lernen, wie du AJAX
verwendest, wird deine Web-Anwendungen auf die
nächste Stufe bringen.

Ich stehe hier, um dir zu helfen, etwas über AJAX zu erfahren und bereit für alle Fragen zu beantworten, die du vielleicht hast.

Beginnen Sie jetzt mit AJAX und sehen Sie, was Sie tun können.

Triff deine:n Kursleiter:in

Teacher Profile Image

Laurence Svekis

Best Selling Course Instructor

Kursleiter:in

Web Design and Web Development Course Author - Teaching over 1,000,000 students Globally both in person and online.    Google Developer Expert since 2020 GDE

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I create... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. JSON1hr: Jason ist das beliebteste Format für den Datenaustausch zwischen Anwendungen. Wenn Sie daran interessiert sind, eine Verbindung zu einem Web-AP herzustellen, besteht die Wahrscheinlichkeit, dass es Datenformat ist. Erfahren Sie, wie Jason funktioniert und wie Sie bei der Ausgabe auf Daten zugreifen können, die in einem Jace enthalten sind. Dieser Kurs zeigt Ihnen, wie Sie mit Jason Formatierten Daten arbeiten. Setzen Sie Inhalt durch diesen Inhalt geloopt und erhalten Sie, dass Jason Data es parsen und eine ganze Menge mehr Jason, die kurz für JavaScript Object Notation ist, ist eine Syntax für Daten. Jason ist einfacher als XML und auch menschlich lesbar. Die meisten modernen Web AP Augen, Ausgabedaten und Jason-Formate. In diesem Kurs erfahren Sie, wie in welchen Jason-Objekten sich befinden und wie Sie sie erstellen können. Wie JavaScript-Objekte eine erhöhte Zehe verwenden können. Halten Sie mehrere Elemente, wie JavaScript-Arrays funktionieren und speichern Sie Daten. Sehen Sie, wie Daten aus Jason extrahiert werden können. Erforscht verschiedene Methoden der Arbeit mit Jason Data String. Wenn ich Jason Daten aus dem Speicher parse, speichere und abrufe, verwende Ajax, um externe Jason-Daten für die Verwendung in JavaScript abzurufen, die mit verschiedenen Web P-Augen verbunden sind, und ich würde die Antwortdaten in Ihre Webseiten einfügen. Dieser Kurs beinhaltet alles, was Sie brauchen, um schnell mit Quellcode und Ressourcen beginnen, damit Sie direkt einspringen und Ihre eigenen Jason-Anwendungen erstellen können. Es umfasst die Arbeit mit Java, Screwed, um dynamische Funktionalität zu erzeugen. Dies ist von einem Instruktor mit über 18 Jahren Real World Web Felton Erfahrung. Lernen, wie man mit Jason arbeitet, ist eine Schlüsselfertigkeit in der modernen Webentwicklung. Jason und eine PR's sind überall. Sobald Sie mit ihnen arbeiten, werden Sie erstaunt sein, was mit ein paar Zeilen getan werden könnte. Natürlich bin ich hier, um Ihnen zu helfen, etwas über Jason zu erfahren und bereit, alle Fragen zu beantworten, denen Sie jetzt vielleicht beigetreten sind , und einige Jason-Daten heute in Ihre Web-Anwendungen zu bringen. 2. 1 JSON API Einführung: Willkommen zu unserem schnellen Kurs auf Jason und arbeiten mit einem P Augen. Mein Name ist Lawrence, dass ich dein Lehrer für diesen Kurs sein werde. Und ich bin so aufgeregt, diese Gelegenheit zu haben, Ihnen heute diese erstaunlichen Themen zu präsentieren. Ich komme zu Ihnen mit über 18 Jahren Erfahrung in der Webentwicklung, und ich freue mich, die Möglichkeit zu haben, mein Wissen mit Ihnen zu teilen. In diesem Kurs werden wir Ihnen zeigen, wie Sie mit Jason Data arbeiten können. also Jason Data wirdalsoschnell zum gemeinsamen Standard, der bei der täglichen Datenübertragung verwendet wird. Und mit Jason kannst du ganze Menge machen. Sie können im Wesentlichen Speicherdaten austauschen und Daten zwischen Anwendungen übertragen. Eines der Dinge, die wir uns im Kurs ansehen werden, ist, wie wir Javascript-Objekte erstellen können und wie wir dann mit diesen Objekten arbeiten können. Diese Objekte, in der Regel können sie mehrere Elemente innerhalb von Informationen enthalten. Dies ist also ein Java-Skript-Objekt-Array. Sie bemerken also, dass wir hier ein Array mit zwei Elementen haben, und wir haben eine ganze Reihe von Informationen, die in diesem Objekt enthalten sind und indem Sie auf dieses Objekt in einem Jason-Format zugreifen. Es macht es wirklich einfach, mit jetzt zu arbeiten. Eines der Dinge, die an Jason großartig sind, ist, dass es menschlich lesbar ist. Selbst wenn man sich eine Jason-Akte anschaut, macht das eigentlich nur Sinn. Also, noch bevor wir tar-JavaScript einbringen, können wir ein Gefühl haben, zu verstehen, was wir von diesem Datenobjekt erwarten. Also habe ich Ihnen gezeigt, wie Sie mit diesen Datenobjekten arbeiten, wie Sie sie analysieren und wie Sie alle Elemente erhalten, die innerhalb der Rate verfügbar sind . Wir werden auch untersuchen, wie wir Objektinformationen aus einer externen Datei abrufen können. Das ist also nur eine Scherzdatei, in der wir klicken können und wir eine ganze Reihe von Informationen daraus bekommen können . Das hier ist noch eine. Das ist also ein Jace in der Akte, die wir erstellt haben. Es ist eine Online-Jason-Datei genau wie diese hier, und wir sind in der Lage, diese Informationen Vienna Ajax Anruf zurückzuziehen und sie auf unsere Webseite zu bringen und all dies mit Ajax zu tun. Jason ist eine hervorragende Kombination zusammen für eine ganze Reihe von Funktionalität. Also werde ich Ihnen auch zeigen, wie Sie sich mit verschiedenen AP Augen verbinden können und wie wir diese Daten herausziehen , in unsere Webseite zurückziehen und sie tatsächlich innerhalb unserer Webseite nutzen können. Also all das, und eine ganze Menge mehr und wieder Quellcode ist enthalten, und ich ermutige Sie, es selbst auszuprobieren und es zu überprüfen und zu sehen, was Sie mit Jason und Ajax zusammenarbeiten. Also, wenn Sie bereit sind, beginnen wir mit dem Schreiben und Verbinden mit einigen AP Augen, ziehen Sie diese Daten in unsere Web-Anwendungen und machen einige wirklich coole, dynamische Dinge passieren auf unseren Webseiten. 3. 2 Ressourcen für die Arbeit mit JSON: in dieser Lektion. Ich möchte Ihnen einen kurzen Überblick über die Tools und Ressourcen geben, die während dieses Kurses verwendet und genutzt werden . Das erste, was wir brauchen, ist ein Redakteur. Sie können jeden Editor verwenden, den Sie möchten. Wenn Sie den gleichen Editor verwenden möchten, den ich verwende, verwende ich Klammern. Das ist also ein Adobe-Produkt. Das ist, ah kostenlos, Open-Source-Editor, den Sie herunterladen können So gibt es keine Kosten, um aus und das ist wieder. Es ist ein Adobe-Produkt. Es ist ein ziemlich guter Redakteur. Es hat eine Menge großartiger Funktionalität, und ich werde es innerhalb des Kurses nutzen. Eine andere Ressource, die ich verwende, ist, dass ich den Prüfungsserver ausgeführt habe. Dies ist also bei Apache friends dot org erhältlich. Dies ist in Windows Lin X und OS X verfügbar. Also habe ich, dass hier im Hintergrund läuft, und was dies tut, ist das gibt mir die Möglichkeit, auf lokalen Host zu gehen. Also im Wesentlichen bekomme ich auf Option in meinem Computer, um Teoh in der Lage zu sein, Zampa zu öffnen und das Samp Control Panel auszuführen, was mir erlaubt, einen Apache-Server zu starten, und ich kann auch einige Konfiguration hier ist gut, ich kann auch Führen Sie eine Fortsetzungsdatenbank eso aus, wenn ich diese Assets benötigte. Wenn ich Server auf meinem Computer laufen muss, ist Zampa eine wirklich gute Option, und es ist wirklich schnell zu installieren. Du ladest es einfach herunter. Sie können einfach die Standardwerte durchlaufen. Also einige der anderen Ressourcen, die ich den Browser verwende, die und dann missbrauchen, sind Chrome. Und der Grund, warum ich Chrome mag, ist, weil es diese Deb-Tools hier hat. Eso taub Werkzeuge kommt mit jeder Version von Chrom und mit tauben Werkzeugen. Sie erhalten einige Kommunikationsinformationen hier können Sie Elemente sehen, die Aufschlüsselung von Morgendämmerung und Dom Informationen, CSS und vieles mehr sagt eine Menge Informationen, die in tauben Tools enthalten sind. Und im Wesentlichen gibt es mir eine Möglichkeit, zwischen meiner Anwendung und meinem Browser zu kommunizieren und Informationen visuell zu sehen . Also einige der anderen Ressourcen, die ich auch verwenden werde, sind meine Jason Dot com. Dies ist also eine Website, die es uns erlaubt, Jason-Dateien online zu speichern. Also haben wir hier Jason-Akte erstellt. Dann können wir eine URL bekommen, und wir können das sehen und darauf zugreifen, so erhalten Sie Zugang zu lebendigen Jason File. Da ist auch Jason Lint. Das gibt mir also auch die Möglichkeit zu fusseln und sicherzustellen, dass ich eine gültige Jason-Formatierung habe , und es wird nützlich sein, wenn wir durch die Lektionen, Lektionen fortschreiten , und dann hier drüben habe ich Ich habe einen Jason-Generator. Wenn Sie also neugierig sind, wie Jason aussieht, ist dies ein gutes Beispiel für Jason Data. Und wie Sie die Daten selbst sehen können, der Grund, warum wir Jason gerne verwenden, weil es tatsächlich menschlich lesbar ist. Also, im Gegensatz zu Teoh ein Note XML, das ist die wichtigste Alternative zu Jason und Speicherung und Austausch und Übertragung von Daten. Dies ist einer der Hauptgründe, warum wir Jason verwenden. Und wie Sie hier in diesem Beispiel sehen können, können wir alle diese Jason-Informationen deutlich sehen. Wir können die I D sehen. Wir können Firmen-E-Mail, Telefonnummer zu sehen , und wir können wirklich leicht die Werte aussuchen. Und wenn wir Jason betrachten, ist es eine Kombination von Schlüsseln und Werten, also sind sie gepaarte Werte gespeichert, so dass jeder einzelne Wert hier einen Schlüssel hat, also warte, also warte, identifiziere ihn und dann einen Wert, der damit verbunden ist. Also, das ist genau hier auf der rechten Seite, und es ist alles durch Komma getrennt, und es kann in größere Stücke mit den geschweiften Klammern gruppiert werden. Und wir können mehrere Jason mehrere Objekte in jedem einzelnen Elternteil hier haben. Also sehen Sie hier, wir haben hier offensichtlich. Wir haben einen Container vom Objekt durch Komma getrennt. Wir haben hier noch einen, einen und einen anderen, und so weiter. So ist hier eine Menge Informationen enthalten. Und wirklich ordentlich an der Arbeit mit Jason ist, dass wir tatsächlich Zugriff auf all diese Daten bekommen . Wir können es in unseren HTML-Code ziehen, und es ist wirklich der optimale Weg, um Daten zwischen Anwendungen zu übertragen. Also in der nächsten Lektion werden wir anfangen, einige Jason-Dateien zu erstellen. 4. 3 JSON-Daten erstellen: in dieser Lektion. Ich möchte Ihnen vorstellen, ein paar Jason-Daten zu erstellen. Also zuerst, dass wir uns wirklich anschauen wollen, wollen wir uns ansehen, wie es in JavaScript veröffentlicht , denn in diesem Kurs werden wir Jason und seine Beziehung zu JavaScript betrachten, es in und JavaScript einbringen und mit Jason arbeiten -Daten innerhalb von JavaScript. Jason ist also kurz. Also J s O N ist die Abkürzung für JavaScript-Objektnotation. Und der Grund ist, dass es tatsächlich nimmt seine Eigenschaften. Und es ist essentielle Struktur von dem, was wir mit Javascript-Objekten machen. Also haben wir ein Javascript-Objekt erstellt, das ein Typ auf einem schnellen Javascript-Objekt Wir sehen, dass wir diese gepaarten Werte haben. Also, wenn wir so etwas wie einen Vornamen und mit innerhalb von Javascript haben, müssen wir tatsächlich Anführungszeichen um den Schlüssel und dann auch den Wert haben. Also haben wir einen Wert für den Vornamen. Und jetzt werden die Inhalte meines Objekts tatsächlich diese Informationen enthalten, die hier enthalten sind. Also, wenn ich ein Konsolenprotokoll mache und so können Sie Javascript-Informationen in Ihre Konsole ausgeben , indem Sie eine Konsul Protokolle ausführen, wenn ich auf die Webseite gehe. Aktualisieren Sie es. Das kann ich in meiner Konsole sehen. Ich habe mein Objekt hier, und ich habe den Vornamen Florence. So kann ich diese Objektinformationen auch jetzt in meiner Konsole ausgeben, oder ich kann sie nicht in meinen HTML einfügen. Also werde ich einfach schnell einen Container hier in HTML einrichten, um etwas Inhalt hineinzulegen , und wir werden nur Dokumente und bekommst du Element von i d, um auf dieses Element von unserer HTML-Seite zuzugreifen und wir müssen es nur tun von i d So identifizieren wir es und wir können inneres HTML tun. Und jetzt werden wir einfach dem Inter html Teoh entsprechen, meinem Objekt und Vornamen. Und das ist alles, was wir tun müssen. Teoh ruft diese Informationen zurück, die in diesem JavaScript-Objekt enthalten sind. Wenn ich es aktualisiere, sehe ich, dass ich dort Vornamen habe, und das ist, weil ich Zugriff auf alle diese Objektdaten habe. Also und die wirklich nette Sache an Jason ist in der Regel, Sie würden es nicht verwenden, um nur ein Stück Daten zu speichern. Sie könnten mehrere Datenstücke haben und alles, was Sie tun müssen, ist Komma getrennt, so dass wir Nachnamen auf Swell haben und das gleiche Format beibehalten können, so dass wir einen Nachnamen tun können. Und wir können auch altern, wenn wir wollten, damit wir eine Nummer machen können. Es gibt viele Optionen hier, wie Informationen innerhalb des Jason-Formats enthalten, damit wir Strings haben können. Wir können Zahlen haben, die wir ausgleichen können Objekte, Arrays, und wir können Literal, wie wahr oder falsch boolesche Werte haben. Nein, und so weiter sagt viele Optionen der verschiedenen Datentypen, die wir in unserem JavaScript-Objekt halten können . Und wenn ich es auffrische, sehen wir, dass wir ein schönes Objekt haben. Der gesamte Inhalt ist hier, und ich kann auf eines dieser Objekte zugreifen, die in diesem JavaScript-Objekt enthalten sind, nur indem ich den Schlüssel referenziere, der anstelle von First Team folgt, möchte ich Nachnamen machen oder 's sagen, ich möchte Vor- und Nachnamen tun, damit ich einfach Nate es zusammen zusammenbauen kann. Und ich kann einfach auf das bestimmte Objekt zurückrufen, das ich referenzieren möchte und zurückziehen möchte. Also jetzt, wenn ich es aktualisiere, sehen wir, dass wir auf diese Objektinformationen zugreifen konnten, damit zu interagieren und es innerhalb unserer Webseite auszugeben. Wenn wir uns unsere Daten ansehen, macht das nur Sinn. Es ist in einer lesbaren Art und Weise. Also, was wir in der nächsten Lektion tun werden, ist, dass wir es tatsächlich in einen Jace in der Akte umwandeln werden. Also, was wir hier vor uns haben, wenn ich das kopieren und in unseren Validator einfügen würde, um Ihnen zu zeigen, was passiert, und dann in der nächsten Lektion gehen wir diesen einen Schritt weiter und wir werden sicherstellen, dass wir einige gültiger Jason. Also, wenn wir sehen, wann immer wir dies in dieser Art von Format einrichten, und ich glaube, ich habe vergessen, dass Zitate dort herum, also ist das wahrscheinlich warten, dass es gescheitert ist. Also innerhalb des JavaScript-Objekts kann es tatsächlich mit entweder mit den Anführungszeichen oder ohne die Anführungszeichen arbeiten. Also werde ich nur kopieren, dass in tun eine gültige und wir sehen, dass unsere Inhalte tatsächlich, in der Tat gültige Jason formatierte Daten sind. Also siehst du dir das wahrscheinlich an und sagst es. Okay, nun, wie referenzieren wir das? Denn normalerweise mit Jason sehen Sie, dass Sie nur verschiedene Referenzschlüssel haben und dann Jason innerhalb von Jason und Daten innerhalb einer Daten. der nächsten Lektion werden wir uns also ansehen, wie wir das weiterentwickeln können und mehrere Werte in unserem Jason gespeichert haben und wie wir diese Werte auch identifizieren können. Genau wie das, was wir tun, wenn wir uns den Jason-Generator hier ansehen, dass wir bestimmte Daten hier haben . Und dann haben wir Daten innerhalb von Daten. Wir werden etwas Ähnliches in der kommenden Lektion tun. 5. 4 Speicherung von mehreren Objekten in einem array: in dieser Lektion. Ich möchte Ihnen zeigen, wie wir sogar mawr Daten im RJ Sohn Format speichern können. Also früher hatten wir uns unser Jason-Objekt angesehen und wir wissen, dass, wenn wir diese geschweiften Klammern haben , die Informationen darin enthalten sind, wie wir auf unsere Jason-Daten zugreifen und wie wir unsere Jason-Daten einrichten . So können wir das auch noch einen Schritt weiter machen. In der Regel haben Sie vielleicht nicht nur eine Person. Möglicherweise haben Sie eine ganze Reihe von Informationen, die Sie in einem Jason-Objekt speichern möchten. Sie können also mehrere verschiedene Gruppierungen von Vornamen, Nachnamen und Alter haben , also könnten Sie etwas haben, das wir vielleicht als Personen bezeichnen könnten. Und was ich jetzt tue, ist, dass ich tatsächlich einen Schlüssel erstelle, der außerhalb des restlichen Jasons sitzen wird . Also müssen wir es auch immer in die geschweiften Klammern einwickeln. Also wickle ich dieses jetzt nur in die geschweiften Klammern und ich werde Ihnen zeigen, wie wir im Wesentlichen ein Array von Objekten erstellen können . Nun, das wird auf die gleiche Weise funktionieren, wie ein typisches Array funktionieren würde, wo wir jetzt unsere Array-Klammern haben und wir Dinge drin haben, Ray, wir haben das erste Element, das zweite Element. Also, obwohl dies Objekte hier sind, die wir früher gesehen haben, gibt es tatsächlich Array-Element , so ist es in einem ray-Objekt. Und jetzt, wenn ich mich abmelde, zeigt Ihnen mein Objekt nur, was passiert, wenn ich es aktualisiere . Ich habe ein Array namens, damit ich mich als Menschen identifizieren kann, und ich habe zwei Elemente innerhalb des Arrays. Ich habe zwei Objekte und dann sind alle diese Objektinformationen immer noch da, und es ist leicht in unserem JavaScript zugänglich. Also jetzt, wenn wir tatsächlich auf den Vornamen zugreifen wollen, könnten wir etwas tun, wo wir hier auf den Elternschlüssel verweisen müssen. Also, das sind Leute. Also beziehen wir uns auf die Menschen. Und wenn Sie auf die 1. 1 zugreifen möchten, könnten wir es innerhalb dieser Art von Format tun, und wir müssen nur jetzt angeben, welche Person wir eigentlich wollen, dass sie Zugriff hat und diese Daten herauszieht . Und ich werde nur die Namen hier aktualisieren, damit sie anders sein werden. Also werde ich das hier speichern und jetzt werden wir es aktualisieren und wir sehen, dass wir Smith haben , John konnte Zugriff auf all diese Informationen haben, die in diesem Jason formatierten Objekt enthalten sind , wo wir eine Wieder mit zwei bekommen haben verschiedene Objekte. Und dann haben wir Zugriff auf all diese Objektinformationen. Und das bedeutet im Grunde, dass es eine wirklich gut strukturierte Möglichkeit ist, mehrere Elemente in einem Objekt zu halten und wirklich Zugriff auf all diese Informationen zu erhalten. In der nächsten Lektion werden wir uns ansehen, wie wir diese Objektinformationen durchlaufen können, ich werde sie in unser JavaScript einfügen. Und dann werden wir uns ansehen, wie wir das aus unserem JavaScript herausnehmen und es tatsächlich als Jace auf Datei verwenden können und diese Informationen in unserer Anwendung einziehen und nutzen können. All dies kommt also in den nächsten Lektionen auf. 6. 5 Konvertieren in String und Parse JSON: Das wirklich schöne daran, mit JavaScript-Objekten zu arbeiten, ist, dass wir die Möglichkeit haben Daten, die in ihrem enthalten sind, wirklich einfach zu aktualisieren , zum Beispiel, , zum Beispiel, wenn wir etwas Neues hinzufügen wollten, ein neues Objekt unter Menschen und ich werde unter der 1. 1 hier auswählen und ich wollte Teoh sagen etwas wie Monate bekannt. So zum Beispiel, vielleicht ist dies eine Liste, wie lange wir tatsächlich Menschen kennen und innerhalb unseres Objekts. Und wir haben ursprünglich nicht in unsere Jason-Daten aufgenommen, und jetzt möchten wir das in hinzufügen. Also jetzt kann ich so etwas wirklich leicht machen. Dies könnte also möglicherweise auch eine Zahl sein. Und jetzt, wenn ich zu meinem JavaScript zurückgehe und das aufliste, sehen wir, dass das erste Objekt und das zweite Objekt gibt und das zweite Objekt jetzt die Monate hat , die innerhalb seiner Schlüsselwerte dort bekannt sind. Und das ist wirklich der Schlüssel zum Verständnis, dass wir die Fähigkeit haben, wirklich flexibel mit Inhalten zu sein , sobald wir dieses Objekt erstellen, haben wir eine Menge Flexibilität Jetzt, mit diesem Objekt zu interagieren ist ziemlich viel, was wir mit tun können diese und auch JavaScript bietet eine Menge wirklich gebauter, gebackener Funktionalität, die Sie nutzen können, um auf Ihr JavaScript zuzugreifen. Also, zum Beispiel, wenn wir mit einer Zeichenfolge arbeiten wollten, damit wir einfach eine String-Version davon machen So string und Leute, kann ich wirklich leicht eine Konvertierung von Jason Teoh String String machen, wenn ich das die Funktion . Im Wesentlichen wandelt dies Aggies auf Wert in einen Zeichenfolgenwert um. Werfen wir einen Blick darauf, wie diese Ausgabe aussehen wird. Und es gibt einen Grund, dies zu tun. Der Grund, warum Sie dies tun würden, ist, dass, wenn Sie es speichern möchten, wenn Sie es lokal in Ihrem Speicher speichern möchten und Sie nicht eine ganze Reihe dieser Objektinformationen haben möchten , können Sie String geben, wenn ich es als eine Zeichenfolge habe und ich nicht buchstabiert habe String, wenn ich dort genau so denke ich Tito sicherstellen, dass ich String geschrieben, wenn ich dort, aber wir können String, wenn ich es und sehen, wie es in der Konsole aussehen wird. Also, wenn wir String, wenn ich diese Information heraus, erhalten wir einen String-Wert von all diesem Jesus auf Informationen und jetzt können wir dies als einen String-Wert übergeben . Das bedeutet also im Grunde, dass dies nur eine Saite auf seiner Ausrüstung in Richtung einer Information ist. Und jetzt, wenn wir es übergeben oder speichern wollen, ist dies der beste Weg, um diese Art von Informationen nach Zeichenfolge zu speichern, sie zu trotzen und dann haben wir Zugriff darauf. Und die gegenüberliegende Seite ist, wenn wir es wirklich setzen und wieder in Jason umwandeln wollen. Also zeig dir einfach, wie du das auch machst. Also lasst uns hier eine andere Variable machen und wir werden es meine Freunde nennen. Und dieses Mal werden wir das Gegenteil von String tun. Wenn ich das so bin, haben wir einen String-Wert, der als Jason formatiert ist, und wir wollen ihn zurück auf das Objekt setzen . Also müssen wir tun, ist das in diesem Parse zu platzieren. Und jetzt, wenn wir das tun, meine Freunde, werden Sie sehen, dass die Ausgabe zurück zu einem Objektformat ist und wir können wieder mit ihm interagieren, wie wir es ursprünglich getan haben, als es ein JavaScript-Objekt war. Sie sehen also, wie viel Flexibilität das für all das wirklich ist, und wir können einen String-Wert einbringen und ihn in ein Objekt umwandeln. In der nächsten Lektion werden wir einen Blick auf mehr, ah verwenden, um tatsächlich in eine Zeichenfolge zu konvertieren. Und ich werde Ihnen zeigen, wie Sie es im lokalen Speicher speichern und dann wieder darauf zugreifen und diese Informationen aufheben, weil es definitiv einen Vorteil gibt, sie als String speichern zu können . Und das werde ich dir in der kommenden Lektion zeigen. 7. 6 Speichern von JSON als Zeichenfolge zum Abrufen und Parsen bei Bedarf: Also die vorherige Lektion haben wir uns angesehen, wie wir String, wenn ich und wie wir analysieren können. Also diese Lektion möchte ich Ihnen zeigen, wie wir String verwenden können, wenn ich und parse, wenn wir Werte speichern . Im Idealfall, wenn wir unseren Sitzungsspeicher verwenden. Also, um das Einrichten von Sitzungsspeicher und wir setzen ein Element so sieben Element innerhalb der Sitzungssitzung Speicher und wir werden es einfach Freund nennen. Und wenn wir das gesamte könnte Einspruch einlegen und speichern wollen, zeige ich Ihnen einfach, was passiert. Und wenn wir versuchen, diese Informationen abzurufen, also haben wir sie hier und dann hier gespeichert , werden wir einfach versuchen, sie abzurufen. Also werden wir ihm eine Variable geben und es meine Liste nennen. Dies wird also idealerweise die Liste der Freunde sein, die wir sehen möchten. Also wieder Sitzungsspeicher. Und dieses Mal werden wir Get Item Story benutzen und den Gegenstand abrufen, der in einem Freund enthalten ist . Und so werden wir das in die Konsole stecken und wir werden die Liste meiner Liste auflisten, und ich werde all diese anderen Konsul Nachrichten hier loswerden, um Verwirrung zu vermeiden. Also im Grunde, was wir jetzt tun, ist, dass wir dieses mein Objekt nehmen, das ein Jason-formatiertes Objekt ist. Wir fügen Aktualisierungen hinzu, damit wir das in lassen können. Und dann machen wir einen Sitzungsspeicher. Lassen Sie uns es also im Browser speichern. Eso, dass Objektinformationen unter einem Element namens Freund und dann verwenden wir Sitzung, bekommen wir den Artikel abholen, in der Variablen meine Liste ersetzen und wir sind aus setzen meine Liste. Werfen wir einen Blick und sehen, was passiert. Wir sehen also, dass wir dieses Objektobjekt haben und wir tatsächlich nicht mit uns arbeiten können, weil wir keinen der Inhalte der Objekte haben. Alles, was da steht, ist Objekt. Objekt. Das ist also eines der Probleme. Immer wenn wir hier auf Objekt als tatsächliches Element speichern, können wir nur diesen einen String-Wert speichern. Und das ist, wo String, wenn ich reinkomme. Und wenn wir tatsächlich String wären, wenn ich dieses Objekt so würde das tatsächlich mehr Sinn machen. Also lasst es uns nochmals auffrischen. Und jetzt behandeln wir zurück, was uns von früher bekannt aussieht, ist diese Zeichenfolge von Werten und jetzt, selbst wenn ich das entfernen sollte, wenn mein Kommentar dies aus, sehen wir, dass wir immer noch diesen Wert dort gespeichert haben. Und jetzt können wir tatsächlich das Gegenteil benutzen, das Jason Parse ist. Und wir können es analysieren. Diese Informationen, die wir in dieser Liste aufnehmen, und wir können diese tatsächlich analysieren und nutzen. Also alles, was wir tun müssen, ist Jason Parse, und wir werden es hier einfach um meine Liste packen und hier wieder rausgehen und sie auffrischen. Und wieder haben wir Zugang zu Menschen, und wir können es noch einmal aktualisieren. Und das wird oft immer dann verwendet, wenn wir Informationen speichern. Wir speichern also in einem Einkaufswagen. Wenn wir hier eine Anzahl Artikel haben, die wir sind, haben wir einen wachsenden Einkaufswagen, dann ist dies eine gute Möglichkeit, Informationen zu speichern und in den Sitzungsspeicher gespeichert, ohne eine Reihe von Artikeln setzen zu müssen, um all diese Informationen abholen. Denn können Sie sich vorstellen, dass wir dies möglicherweise tun könnten, aber es würde eine ganze Menge von Set-Items und so weiter dauern. Wohingegen jetzt, wenn wir String, wenn ich es, verwandeln wir es in einen String-Wert. Wir müssen nur diesen einen Wert setzen, der mit dem Schlüssel des Freundes übereinstimmt und dann nehmen wir Freund auf, als wir ihn analysieren können und dann haben wir wieder Zugriff darauf. Und so könnten Sie string verwenden, wenn ich Jason parse, um mit einer ganzen Reihe von Daten zu arbeiten , wenn Sie nur einen Schlüssel haben, um ihn zu speichern. Und das wird auch innerhalb von Datenbanken funktionieren und so weiter. Also, wenn Sie einige Jason-Daten haben oder wenn Sie viele Daten haben, die Sie speichern möchten, können Sie sie in einen String-Wert konvertieren und danach analysieren. 8. 8 JavaScript Arrays und JSON: in dieser Lektion. Ich möchte JavaScript betrachten, eine Erhöhung und wie sie Teoh Javascript-Objekte beziehen und auch, wie wir sie alle zusammen mit Jason beziehen können . Also lassen Sie uns ein Array erstellen. Ich werde es einfach Freunde nennen. Das wird also nur ein leerer Ary in Javascript sein. Verständnis einer Erhöhung ist auch wichtig, um zu verstehen, wie Job-JavaScript-Objekte funktionieren , und letztlich Jason, denn eine gute, solide Grundlage zu haben und mit JavaScript-Objekten zu arbeiten, werden Ihnen wirklich eine Menge . Wenn Sie versuchen zu ertragen, fangen Sie an, mehr mit Jason zu arbeiten. Also zuerst, mit Javascript, wissen wir, dass wir mit den Rays setzen können. Wir können mehrere Array-Elemente setzen, so dass wir mit Null beginnen können und wir können etwas tun, wie einen Wert von eins setzen. Und dann haben wir Freunde. Also haben wir einen Rave-Wert und dieser ist gleich zwei und so weiter. Eso auch, wenn wir unsere Erhöhung einrichten, wir wissen, dass wir tatsächlich Werte übersprungen hatten und wir können auch Namen anstelle der numerischen Schlüssel verwenden . Also lasst uns ah, lasst uns das ausloggen. Im Moment sehen wir, dass wir Konsul Protokollierung darüber sind, dass Freunde in den Browser gehen und wir sehen, dass wir ein anderes Format haben als das, was wir tun, Sehen Sie mit den Objekten, wo wir ein Array haben um zu sehen, wir haben eine zu haben. Also haben wir hier eine Division mit den Rays und wir könnten möglicherweise ein Objekt hinzufügen, in jedem dieser als Objekt formatiert sind und so weiter. Also möchte ich auch sehen, wie wir Jason verwenden können, um zu String, wenn ich das Also was? Was passiert, wenn wir String Wenn ich diesen besonderen Wert von Freunden Also, wenn wir String, wenn ich ein Array zuerst, sind wir in der Lage, String? Wenn ich n ary und wenn ja, wie wird es dann aussehen, wenn wir es tatsächlich in die Konsole stecken und können wir es tatsächlich als Objekt verwenden? Also Jay sah String If I Also wir verwenden die Zeichenfolge von Fi eingebaute Funktion und wir werden String, wenn ich das Freunde-Array und so auch, so dass wir konsul, melden Sie sich zuerst Freunde und dann werden wir Ziege jagen. Uh, es wird eigentlich nicht J-Sohn sein, aber wir nennen es vorerst meinen Jason. So sehen wir, dass wir diese Zeichenfolge ified Version ihrer Rate bekommen. Wir haben das Eins und die beiden und so weiter. Also sahen wir auch, dass, wenn etwas auf dem tatsächlichen Jason-Objekt aussieht, wir es analysieren können. Was würde passieren, wenn wir eine Jason-Parse auf dieser heißen neuen, brandneuen Fight Ary machen? Mal sehen, was passiert. Und ich glaube, ich brauche dort noch eine Klammer. Also lass uns wieder raus gehen und sehen, was passiert. Also, wenn wir String, wenn ich es tatsächlich wieder in unser Array verwandelte. Und das ist der interessante Teil über Jason und seine Beziehung zu JavaScript, Objekten und den Strahlen und all das, weil wir die Fähigkeit haben, es in und Ray zu verwandeln. Aber jetzt haben wir die Fähigkeit, es wieder in das zu verwandeln, was ursprünglich Waas. Was passiert, wenn ja, was passiert, wenn wir versuchen, dieses Objekt hinzuzufügen? Also behandeln wir es als Objekt? Und wir haben früher gesehen, dass wir einige Inhalte dazu zu Objekten haben können. Glaubst du, dass das funktionieren wird, dass wir in der Lage sind, ein brandneues Objekt in ihre hinzuzufügen oder denkst du, dass es wie ein Objekt behandelt ? Und wir sehen das Interessante hier ist, dass es irgendwie Leckereien. Es ist ähnlich einem Objekt, bei dem wir einen Überfall mit zwei Gegenständen bekommen haben, die wir mit zwei haben. Aber als wir zuerst hinzugefügt haben, bekamen wir tatsächlich einen abgerufenen Wert von zuerst. Und wir wissen, dass, wenn wir eine Erhöhung in JavaScript erstellen, wir sie nicht sequentiell tun müssen. Also könnte ich so etwas tun und drei Elemente im Array haben. Und jetzt wird das interessant werden, weil wir ein paar reservierte Plätze haben. Also, wenn wir es wieder aus der Saite ified Version bringen, so dass wir String, wenn ich es zunächst behalten wir all diese Knowles und wir behalten alle die Positionierung. Also, jetzt haben wir eine Rate mit sechs Artikeln bekommen, aber wir haben tatsächlich sieben da drin, weil wir einen benannten Gegenstand haben, also haben wir keinen in Amerika eins, und das ist etwas, das wir eigentlich nicht in der Lage wären, Entweder. Schauen wir uns das jetzt noch weiter an, denn wir wissen, dass mit JavaScript eine Erhöhung , können wir auch den Indexwert setzen. Also, wenn ich so etwas haben wollte und ich es auch gleich, Testname, wir bekommen das und was hier passiert, wenn ich zuerst tue und ich Testnamen mache. Also schauen wir uns das jetzt an. Und jetzt sehen wir, dass wir eine Luft dorthin werfen. Weil wir nach den fünf etwas vergessen haben. Da habe ich die Gerichte vergessen. Also gehen wir zurück und versuchen es noch einmal. Wenn wir jetzt in die Konsole gehen, sehen wir, dass wir es tatsächlich aktualisieren können. Also haben wir den ersten, den wir haben den zweiten. Aber wenn wir wieder hier rüber gehen, fallen wir tatsächlich die ersten und Sekunden ab. Es nimmt diese Werte nicht an. Es fallen tatsächlich diese benannten Werte. Also, bis wir tatsächlich versuchen, eine zurück hinzuzufügen und wir sehen es nicht, wenn wir String, wenn ich es und das sind wichtige Dinge zu erinnern, dass dies die Art, wie es sich verhalten wird . Obwohl unser anfängliches Array eine erste hat eine Sekunde, wenn wir es transformieren und wir String, wenn ich und wir es zurückbringen, verlieren wir diese Namen Werte. Also, das sind nur einige Informationen über Javascript-Arrays. Und wenn Sie versuchen, es als Jason und String zu analysieren, wenn ich es nicht genau funktioniert, Aziz, würden Sie es zu s o wollen. Dies ist nur etwas, das im Auge behalten, dass, wenn Sie einige Updates innerhalb dieser Arrays usw., die Sie sicherstellen möchten, dass Sie die Dinge richtig formatieren. Eine andere Frage, die Sie haben könnten, ist, dass, was passiert, wenn Sie entfernen Diese werden erhoben und nur dieser benannten Werte in Eile. Glaubst du, dass es passieren wird? Hier ist also haben wir einen ersten. Wir haben eine Sekunde, wir haben eine Länge, aber wir haben keine Elemente und das, sobald wir String ified haben, und das ist, weil es nach der Diese numerische Sequenz von Werten dieses Schlüssels sucht, muss tatsächlich im Amerika-Wert sein , damit es propagieren und bleiben innerhalb, sobald wir Faden von fein. Sobald wir es analysieren, ist es so, dass wir einen genaueren Blick auf das, was mit ihnen passiert, wenn ich auch, wo, wenn wir String, wenn ich dieses Array, wir sehen, dass wir immer noch haben. Das ist oh, wir haben, wenn wir fadeln , wenn ich es hier drüben bin, sehen wir eigentlich nichts. Das ist also völlig leer. Und deshalb sind wir nicht in der Lage, etwas zu übergeben, aber dieser Array-Wert enthält immer noch diesen ersten und zweiten Schlüsselwert. Aber wenn wir es zurück konvertieren, enden wir mit der gleichen Sache wie die Saite. Im Wesentlichen geschieht der Bruch hier innerhalb der Zeichenfolge. Wenn ich, dass wir nicht in der Lage sind, String, wenn ich ein Array mit benannten Werten innerhalb dieser Schlüssel . In der nächsten Lektion werde ich Ihnen ein wenig mehr mit JavaScript zeigen und wie wir mit JavaScript durchlaufen können , eine Reihe von Elementen oder eine Anzahl von Objekten durchlaufen können, die wir haben. So erstellen wir ein Objekt-Array in der nächsten Lektion wird Ihnen zeigen, wie wir durch die Werte, die 9. 9 JavaScript Loops Dynamische Objektnamen: Also diese Lektion. Lassen Sie uns voran und erstellen Sie ein Objekt. Also mein Objekt und wird ihm hier einige Werte geben. Also wird dieses Objekt im Wesentlichen Freunde sein. Wir werden eine Liste von Freunden haben und eine Kohle dort drin machen, und das wird eine Reihe von Objekten sein. Also werden wir mehrere Werte haben, die hier enthalten sind. Und wenn du dann die geschweiften Klammern siehst und lass uns angeben, dass dies der erste sein wird , wird für den Vornamen sein, und ich habe eines dieser Zitate dort vergessen. Wir brauchen also nur ein Zitat, das durch den Doppelpunkt getrennt ist. Und geben wir dieser Person einen Vornamen Mike. Und lassen Sie uns ihnen auch einige zusätzliche Informationen hier innerhalb dieses Objekts geben. Also mach den Nachnamen von Jones, und wir trennen ihn. Und jetzt können wir auch weitere hinzufügen. Also, wenn wir dieses Format kopieren, eso wir davon überzeugen, es zu trennen, und ich werde nur die Namen aktualisieren. Also, vielleicht ändern Sie das jetzt in John Smith, außer das könnte es verschönern. Es ist also auch ein bisschen lesbarer. Also hier haben wir unser Jason- oder JavaScript-Objekt, und es ist bereit zu gehen, um formatiert zu werden. Also, wenn wir uns jetzt ausloggen und ich werde Ihnen zeigen, wie wir es in JavaScript durchlaufen können , so dass wir keine g quit toe loop through brauchen. Es ist so, dass das unser Objekt ist. Also Gott, Ari, die beiden Gegenstände hier in unserem Objekt. Torri Also jetzt sind wir bereit, es zu durchlaufen. Also mit, uh, mit JavaScript, so müssen wir nicht die J Abfragebibliothek einbringen, damit wir so etwas tun können , wo wir angeben müssen, damit wir mein Objekt So x in meinen Objektfreunden machen können. Und dann hier ist, wo wir tatsächlich jedes dieser Elemente durchlaufen werden, so dass wir Konsolenprotokoll erstellen können, und wir können uns über den Wert von X anmelden, und wir können es gleich machen und dann etwas anderes hier hinzufügen. So können wir dies vereinfachen Wahrscheinlich ein besserer Weg, anstatt ständig aufzulisten, dass meine Objektfreunde. Daher ist es manchmal eine gute Idee, zu vereinfachen, damit wir einen Container für diese so Variable erstellen können , die die Benutzerinformationen enthält. Und ich habe das in so in den Benutzern vergessen. Und hier werden wir spezifizieren. Zunächst einmal, vielleicht, vielleicht, lassen Sie uns einfach so Konsolenprotokoll Benutzer angeben. Und was denkst du, wird hier abgemeldet werden, wenn wir Benutzer konsolen protokollieren? Denn beachten Sie, dass wir das mein Objekt haben. Wir haben zu Benutzern hier, und ich werde nur Kleinbuchstaben diese Ursache, die wahrscheinlich ein besseres Format ist. Es gibt Oh, wir haben zwei Gegenstände hier in diesem Objekt. Torri, wir betrachten die Wurzel als Freunde. Also wird mein Objektfreund uns auf diese Route bringen, und wir haben zwei Gegenstände dort. Also für Benutzer, was denkst du, wird enthalten sein, wenn wir Konsul Log-Benutzer? Und dann auch, als wir durch die Benutzer schauten, Können wir so etwas tun? So X und wir können den Vornamen angeben, um die Benutzer zuerst zu bekommen. Name s O. Glauben Sie, dass dies funktioniert, oder glauben Sie, dass wir einige der Formatierungen s O aktualisieren müssen? Was denkst du, wird hier passieren? Wir werden ein paar Fehler werfen oder alles wird richtig ausgegeben. Eso sehen wir, dass wir das originelle Freundes-Array bekommen. Aber wenn wir uns eso anschauen, schauen wir uns hier die Wurzel an. Wir haben die Freunde. Also haben Sie, dass die beiden Objekte im Wesentlichen unsere Nadel zur Wurzel der Rate bewegen , wo wir die beiden Objekte hier haben. So Objekt ein Objekt zu Wir haben eine Länge der Anzahl der Objekte oder die Anzahl der Elemente in diesem Array. Und jedes Array ist Element ist ein Objekt an sich, und dann müssen wir nur zu diesen aufrufen. Und dann, als wir uns in diesen vier Lupin-JavaScript durchgeschliffen haben, listen wir den Vornamen jedes einzelnen von ihnen auf, und wir könnten genauso einfach den Nachnamen auflisten. Also, nur um das in hinzuzufügen und nur um die Dinge anders zu machen, so haben wir mit unseren Objekten hier auch ein paar Optionen. Wenn wir also etwas dynamisch machen, können wir sie auch innerhalb dieser Art von Format aktualisieren. Also, wenn wir zuletzt hatten und wir wollen einen dynamischen Wert hier aktualisieren, wir könnten das auch tun. Also könnte ich so etwas wie Variable machen. Warum ist gleich eins, oder vielleicht nur um ein bisschen zu betrügen? Variabel. Ich bin gleich S t. Also, anstatt zuletzt, könnte ich das tun, plus warum? Und ich könnte hier etwas Dynamisches passieren. Also, was denkst du, wird jetzt passieren? Also, jetzt habe ich es hier ein bisschen verwirrt. Ich habe eine andere Möglichkeit geschaffen, diese Objektinformationen einzuholen. Und glaubst du, das wird immer noch funktionieren? Denn wenn man sich den Quellcode anschaut, kann man das sehen. Warum ist gleich Zehe S t. Und wenn wir l A plus Esti machen, werden wir zuletzt werden. Und das, was in diesen eckigen Klammern enthalten ist, sollte die letzte auslesen und sollte sich auf den Nachnamen der Freunde beziehen. Mal sehen, ob das funktioniert. Glaubst du, das wird funktionieren? Und wenn Sie richtig gesagt haben, wird es Ihre Rate funktionieren. Wir haben die Möglichkeit, Inhalte dynamisch in unsere Objektnamen einzubinden. Und das ist ein wirklich großer Schritt vorwärts, denn das gibt uns die Fähigkeit. Wenn wir hier eine Reihe verschiedener Namen hätten, könnten wir sie durchlaufen, wo wir diese Dynamik wirklich machen könnten. Eso Es gibt viele Möglichkeiten hier, wie wir die verschiedenen Variationen davon durcharbeiten können, wie wir diese Objektinformationen herausziehen können und dann dasselbe, als ob wir mit der Jason-Datei arbeiten würden. Wir können diese Informationen innerhalb dieser Arten von Formaten herausziehen. 10. 11 Verwende AJAX, um JSON-Daten in JavaScript zu erhalten: in dieser Lektion. Ich möchte Jake Worry und G Creek mitbringen. Es wird uns die Möglichkeit geben, Ajax-Anrufe tatsächlich abzuholen und zu tun. Und es ist wirklich einfach, Ajax-Anrufe mit einer Abfrage zu machen. Also zuerstöffnen wir unseren Browser, öffnen wir unseren Browser, gehen Sie zu den gehosteten Bibliotheken. Eso Entwickler, Google Dot com zu starten, hat einige zähe Enden und ich werde Geek Sorgen in unser Projekt bringen . Kopieren Sie einfach die G Corey-Bibliothek. Stellen Sie sicher, dass Sie es über Ihrem Skript-Tag haben. Und jetzt bist du bereit, ein paar Ajax-Anrufe zu erledigen. Und auch, ich werde in einem anderen div hier hinzufügen, angesichts meiner d Taste, so dass wir tatsächlich einen Knopf haben, der etwas auslösen kann, unserer Webseite passiert. Und ich sollte diesen Knopf wahrscheinlich auch stylen. Also werde ich in ein paar schnellen Styling hier auf do Grenze schwarzen Rand und Knopf für vielleicht einige Eintopfen um hinzufügen . Es ist oh, jetzt wird es ein wenig mehr abheben und ich werde es nennen Click me so dass immer funktioniert um Leute zu kommen und klicken Sie auf Ihre Tasten. Richtig s. Also jetzt, wenn ich es aktualisiere So habe ich meinen Klick auf mich Button und ich bin alle bereit zu gehen, um es zu initialisieren und tatsächlich etwas mit meinem Code zu tun. Also, jetzt, da ich Jake Sorgen mit Jake Sorge gebracht habe, halten wir normalerweise das gewickelte um es herum, also stellen Sie sicher, dass das Dokumentobjekt geladen wurde, Deshalb. Haben Sie Dokument bereit? Das sollte fertig sein. So dokumentieren Sie fertig. Und dann führen wir die Funktionalität aus, wenn das Dokument läuft und läuft. Und dann haben wir unseren Inhalt der RJ-Abfrage bekommen, so dass ich dieses Mein Objekt hier fast entfernen kann , s oh, ich wollte einen Ereignis-Listener an die Schaltfläche anschließen. Also btm Und jetzt, wenn wir auf b t n klicken, werden wir eine Funktion ausführen. Also, was auch immer, wenn wir auf die Schaltfläche klicken, werden wir eine Funktion ausführen und ich werde nur eine Nachricht ausloggen, die besagt, dass angeklickt nur um Ihnen zu zeigen, dass alles läuft und wir bereit sind, weiterzumachen , um unseren Ajax-Aufruf zu erledigen und einige Jason-Daten abzurufen. Also, wenn ich hier rüber gehe und ich auf mich klickte, sehen wir, dass wir diesen Klick mich abfeuern. Alles sieht kaputt aus. Es ist auf und läuft. Also lassen Sie uns über unsere Daten kaffee und kopieren Sie sie in benachbarte Datei. Also kopieren Sie einfach die ganze Sache hier drüben, und ich werde eine Online-Jason-Akte erstellen. So speichern Sie das und jetzt haben wir unsere Online-Jason-Akte. Wir sind bereit, damit zu gehen. So kann ich jetzt versuchen, über get request darauf zuzugreifen. Das ist also das Mädchen, auf das ich zugreifen will. Also werde ich das hier drüben bemerken und den Rest unseres Ajax-Anrufs ausbauen . Und mit G Curry haben wir tatsächlich die Möglichkeit, einen Anruf zu machen, nur um Jason Dina zu bekommen. Also, wenn Sie eine A p i und online a p I, die Sie zugreifen möchten, Sie haben Es ist ein offenes E p I. Dann können Sie es in dieser Art von Format zugreifen, so dass Sie einfach tun Jason und müssen zuerst die URL angeben, und dann wir führen Sie unsere Funktion aus und wir können so etwas wie Daten aufrufen. Und was hier resultieren wird, ist, dass wir tatsächlich diese Dateninformationen zurück bekommen, anstatt angeklickt zu werden. Es wird Daten sagen. Ich kann all diese Informationen jetzt und jetzt entfernen. Lassen Sie uns den Anzug ausprobieren und sehen, was passiert, wenn wir auf unsere Schaltfläche klicken. Also, jetzt aktualisiere ich es. Ich habe darauf geklickt und diese Informationen aus unserer Online-Datei abgerufen. Also, was auch immer Informationen wir enthalten haben und hier über den Jason Call abgerufen wurden . Und so können wir jeden Anruf von Jacks erledigen. Im Wesentlichen ist Jason Data ideal für die Übertragung von Daten innerhalb dieser Art von Format , da es wirklich einfach ist, das zurück zu analysieren und es wieder verwendbar zu machen. Eso Dies war ein weiteres Beispiel für die Verwendung von Jason über J Query und wenn wir diese Online-Endpunkte einziehen und einige Daten abholen können und dann könnten wir diese Daten und Informationen in unseren JavaScript-Anwendungen nutzen, so dass wir genauso einfach wie bevor wir es tun konnten. Wir könnten Menschen erledigen. Wir könnten Null machen und die Vornamen bekommen. zeig ich dir einfach sehr schnell. Also haben wir Daten und innerhalb der Daten. Also schauen wir uns Leute an, und so wollen wir den 1. und Vornamen bekommen, also wird das Leute Null und Vorname sein. Also jetzt holen wir das aus dieser Online-Datei zurück, wo Sie es als Objekt namens Daten haben . Also, wenn es war, wurden wir die Antwort von dieser URL erhalten wir sie in einem Datencontainer erhalten, und dies wird tatsächlich ein Objekt-Array sein, so dass wir es durchlaufen können. Wir haben Leute, wir haben den ersten Gegenstand, und dann holen wir den Vornamen ab. Also, wenn wir auf die Schaltfläche klicken, bekommen wir diesen Vornamen dort. Das kommt also von hier drüben. der nächsten Lektion werde ich Ihnen zeigen, wie wir die abgerufenen Informationen tatsächlich durchlaufen können und wir Ausgabe schleifen und schwächen können. All diese Informationen aus einer J-Säge in der Akte. Also, das kommt in der nächsten Lektion. 11. 12 jedes Element in JSON: die letzte Lektion, die wir gesehen haben, wie er einige Informationen aus einer Jason-Datei abrufen kann, die online ist . Und jetzt werden wir es in unserem JavaScript verwenden. Was wir also tun wollen, ist, dass wir dieses Datenobjekt tatsächlich durchlaufen und alle Ergebnisse herausziehen wollen. Wir werden diese Daten nutzen und um das zu tun. Also habe ich bereits eine G-Abfrage-Bibliothek angeschlossen, und J coury kommt mit einer Funktion namens jeder, die es uns ermöglicht, tatsächlich jedes Element hier durchzulaufen, das innerhalb dieses zurückgegebenen Objekts verfügbar ist , und dann können wir von ihm in unserem Mantel. Also müssen wir auch angeben, dass das Objekt, das wir eine Schleife durchlaufen wollen, also wird das Daten sein , und tatsächlich werden wir Daten durchlaufen und wir haben einen Container dafür. Also Datenmenschen sind das, was wir wollen, bis sie durchlaufen, und wir werden es hier eine Funktion bauen. Die Funktion, im Wesentlichen, können wir diesen Indexwert zurückziehen und wir können den Schlüsselwert zurückziehen, als auch wir hier durchschauen . Also lassen Sie mich Ihnen jetzt zeigen, was tatsächlich passieren wird, während wir uns durchschleifen , aufgreifen und diesen Schlüsselwert dort durchschauten. Was wir hier tun, nur um dies zu klären, dass, wo wir über Ajax Anfrage senden, eine asynchrone Anfrage war, die geht, ist die edgy Abfrage gemacht. Also sendet es nur eine Anfrage an dieses Mädchen, und es nimmt die Antwortinformationen auf, dass Sie, Earl, und es ruft sie zurück, wie in den Containerdaten. Dies ist also nur eine reguläre Funktion mit einem Argument. Dieses Argument sind Daten, und das ist, wo wir diese Daten bekommen. Aber wir wollen tatsächlich alle Leute durchlaufen, damit wir nicht nur Daten zurückziehen wollen weil wir nur einen Anfangswert innerhalb von Daten haben, also wären das nur Leute eso Wir wollen tiefer gehen und wir wollen zurückziehen all die Leute. Deshalb sind es Datenmenschen. Und dann hier drüben haben wir einige Parameter, die innerhalb dieser Schleife zurückgeschickt werden und wir sehen wir einen Index haben und einen Schlüssel haben. Sotschi ist im Wesentlichen der Inhalt jedes Objekts. Im Wesentlichen wird das, was wir in der Konsole zurückbekommen werden, zwei Objekte sein, und beide dieser Objekte werden alle diese Informationen von jeder Person enthalten. Also kommen wir zu Gegenständen zurück und Inhalten jeder Person. Also lassen Sie uns den Anzug überprüfen, ihn auffrischen, geben Sie ihm einen Klick hier und da. Wir haben die erste Person als Objekt und die zweite Person als Objekt. Also im Grunde, was das bedeutet, ist, dass, wenn ich tatsächlich den Vornamen des Schlüssels sehen und zurückgehen und ihn aktualisieren möchte so was denkst du ist oder was es ist. Also, was hier auftaucht, wird eigentlich fragen, was du denkst, wird auftauchen. Aber ich habe schon darauf geklickt. Also listen wir den Vornamen und den Nachnamen auf, und das kommt wieder alles von der a p i my Jason dot com. Also haben wir den Vornamen und ich könnte genauso einfach diesen Nachnamen in die Konsul Ausgabe dort einfügen , damit ich so etwas wie seinen Nachnamen tun könnte, weil er jetzt all diese Objektinformationen hat , die wir aufnehmen und verwenden möchten. So könnte ich auch einen Schlüssel machen. Und ich glaube, der letzte war Alter. Lassen Sie uns das also ausprobieren und sehen, wie das in der Konsole aussieht. So aktualisieren Sie dies und gehen Sie zurück über den Button und wir erhalten alle Informationen und wir könnten es tatsächlich formatieren. immer wir wollen, können wir es sogar innerhalb unserer Ausgabe hier ausgeben So könnten wir etwas wie Dollarzeichen machen und diese Objekte so ausgeben oder dass ich i d Ausgabe und wir können aufwärts. Und wie wir es durchgesehen haben, können wir innerhalb all dieser Werte dort auf dann aufrüsten Jedes Mal, wenn wir darauf klicken, werden wir weiter auf den Kopf stellen. Und ich sollte tatsächlich und einen Zeilenumbruch dort einfügen, damit wir zwischen jedem Mal unterscheiden können , wenn wir die Anfrage stellen. Versuchen wir es nochmal. Also, wenn wir mich anklicken, nehmen wir all diese Informationen auf und das ist dasselbe, selbst wenn wir hier ein paar Leute hätten. Also, wenn wir zurückgingen und wir eine ganze Menge mehr Leute gemacht haben, dann werde ich einfach kopieren und einfügen. Ich weiß, sie werden alle die Szene hier sein, aber das gibt uns nur eine ganze Schleife von einem Haufen Leute hier. Also, wenn ich diese Datei aufnehme und anstelle dieser Datei, ersetze ich sie durch diese und gehe zurück und aktualisiere sie und mache den Klick mich. Also, jetzt bekommen wir all die Benutzer, die dort fliegen. Also weiß ich, dass sie alle gleich sind. Aber sie könnten einfach sehr gut anders sein. Und wir können all die Informationen abholen, die in diesem Mädchen enthalten sind. Und jetzt können wir damit arbeiten und es in unserem JavaScript-Code verwenden. 12. 14 Joke API abrufen JSON-Antwort: die vorherige Lektion. Wir haben Ihnen gezeigt, wie Sie einige Daten aus einem Web abrufen können. AP I. Jetzt gibt es eine Menge von Web BP Augen da draußen, und es gibt eine wirklich gute Liste von Get Hub dot com Todd Moto Public AP Augen. Also haben sie eine ganze Liste von einem Haufen AP Augen. Einige von ihnen müssen Sie sich für einige der Fleisch registrieren es aloft und so weiter. Manche von euch brauchen kein O aus. Also werde ich hier nur ein paar von ihnen auswählen und mir einen ansehen, und ich werde dir zeigen, wie man das einrichtet. Nehmen wir an, zum Beispiel, wir wollen Chuck Norris Datenbank Witze machen. Das klingt also interessant. Also gehen wir rüber zu dem a p I und hier haben wir ein paar Informationen. Also sind die Witze hier drüben verfügbar, so dass wir sehen können, wenn wir auf die Website gehen, also gibt es nichts da, also gibt es keinen Endpunkt. Es gibt also müssen wir etwas innerhalb des Rückrufs angeben. Also haben wir hier etwas namens Witze zufällig, und wir haben hier einige Parameter. So ändern Sie den Namen der Hauptfigur können wir aktualisieren. Also lasst uns das hier rüber nehmen und einen Witz daraus machen. Oder greifen Sie darauf zu und sehen, sehen, welche Daten zurückgezogen wurden? Also haben wir unseren Vornamen, John. Der Nachname tut es. Wir schicken tatsächlich ein paar Parameter weiter. Wir werden einige Informationen zurückholen, und Sie können einen Blick auf jedes dieser AP Augen innerhalb der U. R L. und wir können hier sehen, dass das beim Laden Jason formatierte Daten sind. Und das bedeutet, dass wir es in unserem JavaScript wirklich einfach nutzen können. Also jedes Mal, wenn ich aktualisiere und es sieht so aus, als gäbe es einen neuen Witz, der durchkommt, keine Hemden, die auch diese Werte verwenden vielleicht ist es vielleicht iss eso einfach halten die dort drin und lassen Sie uns damit ganz verknüpfen. Also speichern Sie das da drüben. Und jetzt, wann immer wir zu unserem lokalen Host gehen, sehen wir, dass in der Lage waren, zurück, dass a p I Informationen abzurufen. Also habe ich einen Wert von Objekt. Ich habe Kategorien. Ich habe ein I D, und ich habe meinen Job in ihrer enthalten Also lasst uns den Wert des Witzes aufnehmen und ihn vielleicht jedes Mal auf unserer Seite ausgeben, wenn der Benutzer auf die Schaltfläche klickt. Werfen Sie einen Blick auf die Art und Weise, wie das Objekt strukturiert ist. Wir sehen, dass wir das Objekt haben. Eso, das ist die Route. Wir haben hier einen Wert und dann innerhalb des Wertes gibt es Witz. Also, wie denken Sie, dass wir das in unser JavaScript ziehen können? Also denken Sie, es ist Wert Witz Datenwert Witz? Glaubst du, das wird funktionieren? Gehen wir nach draußen und versuchen es. Und jetzt sehen wir, dass wir diesen Witz jedes Mal zurückziehen können, wenn wir mich so perfekt anklicken. Und jetzt müssen wir es nur in unseren Ausgabebereich einbringen. Und Jake Worry macht das einfach super einfach. Also Ausgabe und lassen Sie uns es tun, wo wir es auch aufrüsten könnten. Das ist es, was wir tun. Bevor wir die Witz-Information aushändig waren. Jedes Mal, wenn wir auf den Button klicken, bekommen wir einen brandneuen Witz, und eigentlich sollten wir einen Zeilenumbruch hinzufügen oder vielleicht Adamson. Also gib ihm einfach eine Klasse und gib ihm eine Klasse von Witz. Schließen Sie das Can Captain acht ab. Das zusammen, damit wir unseren Scherzausgang dort bekommen. Wir haben auch das Zitat dort bekommen. Also def schließen Sie das ab. Und jetzt lasst uns schnell etwas Styling für den Witz haben. Also, was wollen wir mit Witzen machen? Wir wollen Block anzeigen und lassen Sie es etwas Trennung geben und ihm einen Rand geben und ihm einen Rand geben und ihm einen Rand oben geben. Also vielleicht einfach so etwas Einfaches. Also, wenn wir es aktualisieren und wir klicken, bekommen wir unsere Witze, wir sehen, dass wir eine ganze Ausgabe von Witzen haben. Viele Male klicken wir auf jedes Mal, wenn wir eine vollständige Reise zum A P machen, ich nehme den Inhalt auf, der in der A p I verfügbar ist. Und wir analysieren einfach das und analysieren es nicht, sondern gehen einfach durch und nehmen Informationen zu diesem Objekt. Und jetzt haben wir die ganze Liste von Witzen über auf einem P Ich höre, das von einem p i Punkt verfügbar ist , den ich sehe und db dot com, und wir können dies vollständig nutzen. Wir haben auch die Fähigkeit, einfach zufällige Witze machen. Also hier hat es einige verschiedene Parameter, die wir übergeben können. Hier gibt es eine ganze Menge wirklich cooles Zeug, das du tun kannst. Und wirklich, wir können auch eine Reihe von Witzen holen. Anscheinend. Eso Lassen Sie uns das auch ausprobieren, wo wir die Scherzkategorien auflisten können. Eso Lassen Sie uns ausprobieren und sehen, was die Anzahl der Witze hier. Das sagt uns nur, wie viele Witze verfügbar sind. Das ist also, wie viele Witze in der a p i s o verfügbar sind. Es hat uns eigentlich nicht mehr als einen Witz gegeben. Eso. Manchmal muss man damit herumspielen und sehen, was hier wieder reagiert wird und sehen ob wir tatsächlich eine Änderung in diesem a p I bekommen. Aber dieser hier hat wirklich gut funktioniert und es gab eine vollständige Liste all dieser verschiedenen AP Augen und all diese verschiedenen Dinge, die Sie automatisch in Ihre Website ziehen können wirklich einfach nur mit einigen einfachen Jason und JavaScript 13. 16 API-Daten erhalten: Also in dieser Lektion möchte ich Ihnen zeigen, wie wir auf einen anderen zugreifen können ap I Also habe ich hier einen anderen gefunden, der auch Jason formatierte Daten zurückzieht und wir können hier eine ganze Reihe von Informationen sehen. Also, wenn Sie suchen, zeigen, zeigen, schwächen, suchen Sie Benutzer-Tags So gibt es eine Menge von verschiedenen Optionen hier, was wir suchen können. Also, wenn wir hier speziell auf eine Show klicken, so bekommen wir alle diese Informationen kommen zurück, und jetzt können wir es einfach nutzen, indem wir es über unsere Jason-Datei verbinden. Also lasst uns das noch einmal aktualisieren. Normalerweise beginne ich gerne mit einem Konsul Log der Daten, nur um zu sehen, was wir einziehen und worauf wir Zugriff haben und nur um sicherzustellen, dass alles funktioniert. Und wenn ich dann das Konsolenprotokoll dieser Daten erhalte, wann immer ich auf mich klicke. Also jetzt haben wir all diese Informationen und wieder, das ist das Routenobjekt. Wenn ich also diese Beschreibung abholen wollte, kann ich die Beschreibung hier abholen. Also, jetzt weiß ich, dass ich eine Beschreibung hier habe Rate auf der Strecke, und ich werde es als Witze behalten und keine Notwendigkeit, das zu aktualisieren. Jetzt, wenn ich es aktualisiere, sehen wir, dass ich all diese Beschreibungen dort abholen kann. Ich habe meine Lieblingszählung zu einer Zeit erstellt und einen ganzen Haufen hier. Also habe ich meine u. R L-Tags und so weiter. So können wir hier auch mit den verschiedenen AP Augen genauer sein. Vielleicht, ähm nicht sicher, ob wir die Partyzeit dort haben. Also habe ich ein paar andere Optionen, die wir abholen können. Wir können, äh, was auch beliebt ist und dieses besonders. Also haben wir eine Reihe von Objekten hier in ihren Also vielleicht ist dieser ein bisschen interessanter , wo wir unsere Daten haben und wir die Daten durchsehen können. Lasst uns stattdessen das machen. Also haben wir gesehen, wie wir das wirklich einfach und unkompliziert dorthin bringen können. Also wieder, beginnend, indem ich diese Daten herausziehe und es in der a p I verwende. Also, wenn ich darauf klicke, sehe ich, dass ich dieses Objekt habe, aber ich habe ein Datenarray von 20. Also das ist, was wir uns vorher angesehen haben, weil wir die Fähigkeit haben, tatsächlich Zehenschleife durchzuziehen und jeden Wert zu erhalten. Das hatten wir schon früher in den früheren Lektionen getan. Probieren wir das aus und wir fügen R. J Coury wieder hinzu. Dies ist also für jeden und wurden nach den Ergebnissen der Daten gesucht. Und wir haben unsere Funktion hier, damit wir unseren Indexwert machen können. Wir können auch unseren Schlüsselwert tun. Und dann müssen wir jetzt nur noch angeben, was wir innerhalb dieser Funktion tun werden. Eso Lassen Sie uns zuerst versuchen, zu konsolen, protokollieren Sie es, dass Informationen. Also, wenn wir alle Werte hier durchlaufen, werden sie einfach auflisten, die Schlüssel, gehen hier zurück und aktualisieren sie. Und jetzt sehen wir, dass wir alle diese Objekte hier haben. Also haben wir im Wesentlichen Weg. Eigentlich müssen wir die Daten durchlaufen, damit ich glaube, dass es Daten waren. Es wurde Daten als Wells genannt, wir haben unsere Datendaten genannt und jetzt sehen wir, dass wir alle diese Objekte dort haben . Also Ray-Nummern und so weiter. Und jetzt können wir tatsächlich herausziehen, äh, welche Informationen wir wollen. Also haben wir eine Schnecke und vielleicht wollen wir den Namen machen oder wir haben sogar Bilder hier. Bilder sind also interessant. Eso Lasst uns Ah, Libyen. Lassen Sie uns ein paar Bilder hier als auch in unserem Ausgabe-Feed. Also machen Sie ein paar Bilder und wir machen einige Informationen und so weiter. Also gehen wir wieder rein. Und deshalb benutze ich gerne die Konsole, weil das mir hier einige ziemlich gute Informationen gibt , die ich hier den Namen bekommen kann. Das macht also viel einfacher, diese Information durchzulaufen , . Also statt Daten, Nowitzki, denn wieder schleifen wir durch. Wir bekommen all diese Schlüsselwerte, also werden wir es am Witz halten. Also, jetzt lasst es uns auffrischen... wir bekommen all diese und lasst uns abholen und ein Bild dort setzen eso unter den Bildern, die wir haben. Vielleicht nehmen wir das hier. Also Bilder, also unter Schlüsselnamen hier oder zu einer Bildquelle und gleich dieser Quelle, und ich muss das in einer Sekunde beheben. Wir haben also einige Zitate, die hier vor sich gehen, also habe ich den einzelnen, der aus meiner Zeichenfolge herausbricht und den doppelten, mit dem ich meine Bildquelle einwickle , und ich glaube, dass das die Quelle war. Ich glaube, es waren Bilder, aber ich möchte das überprüfen. Und ich muss meine Bilder schließen. Es gibt mal, äh ja, es waren Bilder. Hoffen wir also, dass wir dort ein ungültiges Token haben. Also gab es da etwas, das schief gelaufen ist. Ich habe in der Dezimalstelle anstelle von eso hinzugefügt. Also dieser hier, wir haben ein Problem hier, weil wir versuchen, es hier als Wert aufzuheben, aber es beginnt mit einem numerischen Wert und dem Objekt Data ist Also es ist eigentlich eine gute Sache , dass wir uns das angesehen haben, weil dies ein Nein ist, wir können es nicht mit einem numerischen Wert beginnen. Und deshalb ist JACKET wirklich flexibel, weil es uns auch die Möglichkeit gibt diesen Objektschlüssel hier in den eckigen Klammern und den Anführungszeichen aufzunehmen. Das ist also ein guter Anwendungsfall, und normalerweise wird das dasselbe sein. Wir könnten es auch für diese tun, wenn wir es wollten. Wir könnten das eckige Klammern machen und Namen machen, und wir werden das auch innerhalb des gleichen Formats aufnehmen. Diese sind also in JavaScript austauschbar. Jetzt zeigen wir dir einfach, wie das funktioniert. Wenn ich es also aktualisiere, bekommen wir alle diese Namensinformationen raus, bekommen wir all diese Bilder und alles taucht auf und taucht auf, wie wir es erwartet haben . Also werde ich eigentlich die Bilder hier kleiner machen, weil sie aussehen, als wären sie Farley ziemlich groß, ein Ochse mit und das feindliche Comeback schnell von 100 Bildern, nur so dass es ein bisschen besser aussieht , wenn ich die herausziehe So können wir sehen immer noch diese Informationen, die wir sehen. Wir haben alle Bilder und im Wesentlichen können Sie durch eine p I Informationen ziehen. Und wenn Sie in Szenarien wie diese laufen oder wenn Sie dynamische Werte haben, die sich ändern, können Sie immer die eckigen Klammern um sie herum tun, und Sie könnten diese Objekte auf dieselbe Weise verwenden. Also fangen Sie an, hier zu bemerken, das ist dasselbe wie er. So ist es zig quibbling innerhalb dieses JavaScript-Objekts. Dies ist nur eine andere Möglichkeit, es zu schreiben, und wenn wir in diese Szenarien laufen, wenn wir mit einer Zahl hier beginnen, dann schwächen Format in dieser Art von Format, 14. 18 Erstellen Sie deine eigene JSON zu einer API: In der vorherigen Lektion haben wir gesehen, wie wir Jason und Ajax und G Query verwenden können, um einige a p I einige Web AP Eis zugreifen. Also, in dieser Lektion möchte ich Ihnen zeigen, wie Sie auch mit den verschiedenen AP Augen üben und arbeiten können, so dass Sie sie entweder auf Ihrem lokalen Computer ziehen, kopieren und einfügen Sie den Quellcode tryto für sich selbst, Schauen Sie sich einige verschiedene AP Augen an und arbeiten Sie auch mit denen, die wir in diesem Kurs betrachtet haben , und sehen Sie, welche Informationen Sie in Ihrem HTML-Code herausziehen können. Und wenn Sie nur online arbeiten möchten, gibt es eine wirklich gute Ressource am Code-Stift, die Ihnen die Möglichkeit gibt, Inhalte zu senken und direkt in diesem Anzeigebereich darauf zuzugreifen . So können Sie sehen, dass, wenn Sie in eine G Steinbruchdatei laden möchten, um diese acht auszuprobieren, Sie einfach die Skriptdatei kopieren und einfügen können . Sie können Jake Worry aus der Dropdown-Liste hier innerhalb dieses Dashboards hinzufügen. Also bin ich gerade zu diesem, äh, diesem Spinnrad hier gegangen äh, , und es öffnet die Js-Einstellung, so dass wir Bibliotheken hinzufügen können, die wir verwenden möchten. Ich kann mein CSS auch hier kopieren und einfügen. Und dann, natürlich, müssen wir etwas HTML drin bekommen, also kopieren und fügen Sie diesen HTML ein. Wir können es aufräumen, und so lange. Und jetzt, wann immer ich darauf klicke, sehen wir, dass wir die gleichen Informationen durchziehen. Und das ist eine wirklich gute Ressource wegen der Fähigkeit, wirklich durchzublättern und all diese verschiedenen AP Augen zu sehen und wenn Sie haben, vor allem, wenn Sie in sie abfragen. Wenn Sie einige dynamische Funktionen haben, können Sie einige Updates an diesen vornehmen und wirklich einige wirklich gute Informationen erhalten und diese zurück in Ihre Webseite ziehen . Und natürlich können Sie es auch stylen. Also, wenn ich Text zentrieren möchte, sehen, dass, wenn ich sehe, dass wir sehen, dass es automatisch hier im Anzeigebereich angezeigt wird. Also, selbst wenn ich eine Hintergrundfarbe machen sollte, und ich weiß, das ist CSS, aber wir sehen, dass was auch immer ich tippe und hier erscheint es auf der rechten Seite, so dass Sie auch Ihren Anzeigebereich ändern können , so dass Sie Editor Lee aus gehen können. Sie können nach oben oder nach rechts gehen. Sie können auch verstecken, thes und minimieren Sie sie und schauen Sie sich einfach das JavaScript an und so weiter. Es ist also eine wirklich gute Ressource, und ich ermutige Sie, all den verschiedenen Quellcode auszuprobieren, den wir innerhalb des Kurses bereitgestellt haben . Schauen Sie sich selbst an und sehen Sie, was Sie mit Jason und AP Augen machen können.