jQuery AJAX in 1 Stunde lernen | Laurence Svekis | Skillshare

Playback-Geschwindigkeit


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

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

13 Einheiten (1 Std. 9 Min.)
    • 1. AJAXjquery1hr

      1:32
    • 2. 1 Einführung in AJAX mit jQuery

      2:53
    • 3. 2 Kursressourcen und Anwendungen

      5:38
    • 4. 3 jQuery Laden von externen Dateien in deine Website AJAX

      6:51
    • 5. 4 Callback Data jQuery

      5:37
    • 6. 5 Update jQuery

      3:46
    • 7. 7 AJAX-Methode mit jQuery

      4:14
    • 8. 8 Verwenden von jQuery AJAX zur Rückgabe von JSON-Daten in JavaScript

      3:50
    • 9. 9 JSON-Daten mit AJAX abrufen

      6:44
    • 10. 11 AJAX zum Senden und Empfangen von Daten

      10:52
    • 11. 13 Tweaks und Tipps für AJAX

      4:10
    • 12. 15 AJAX verbinden mit der Web-API erhalten Daten in HTML

      6:33
    • 13. 17 jQuery AJAX Kurs abschließen

      6:27
  • --
  • 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.

250

Teilnehmer:innen

--

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. AJAXjquery1hr: Jax kann Daten aus externen Dateien und in JavaScript nahtlos laden, ohne dass die Seite neu geladen wird. J. Curry macht die Arbeit mit Ajax einfach und bietet leistungsstarke Methoden für Ajax-Aufrufe. Ajax ist eine wesentliche Fähigkeit für die moderne Web-Entwicklung. Die Jocks sind die Abkürzung für asynchrone JavaScript und XML, mit Ajax Web-Anwendungen Zustimmung Daten zu und empfangenen Daten von einem Server alle im Hintergrund. Ajax ermöglicht Webseiten, Inhalte zu ändern, Inhalte dynamisch aus externen Dateien zu laden, Jason-Daten zu laden und diese Daten in Ihren JavaScript-Anwendungen zu verwenden. JavaScript wird verwendet, um diese Technologien zusammen zu bringen, um erstaunliche Benutzererlebnisse mit Jason Data und Web-Elementen zu schaffen . J. Curry ist ideal, um Ajax-Aufrufe zu tätigen, indem der Code vereinfacht und es einfacher zu erstellen . Dieser Kurs bringt J. Corey und Ajax zusammen und zeigt Ihnen, wie Sie ihn verwenden. Schritt für Schritt Trainingsquelle. Court ist im Preis enthalten, so dass Sie es selbst ausprobieren können. Ressourcen und Talk Links alles, was Sie brauchen, um einen Jocks in Ihre Web-Anwendungen zu bringen. Dies ist von einem Instruktor mit über 18 Jahren Web-Entwicklung. Erfahrung erkundet Jason Data innerhalb Web T Eis in einer ganzen Menge mehr Ajax wesentliche Fähigkeit zu lernen, wie man ein Jocks verwenden wird Ihre Web-Anwendungen auf die nächste Ebene bringen. Ich bin hier, um Ihnen zu helfen, etwas über Ajax zu erfahren und bereit, alle Fragen zu beantworten. Vielleicht haben Sie jetzt mit den Jocks begonnen und sehen, was Sie tun können. 2. 1 Einführung in AJAX mit jQuery: Hallo und willkommen zu lernen, wie man Ajax-Anrufe mit Jake Weary verwendet. Jetzt macht J. Coury es wirklich einfach, Ajax-Anrufe zu tätigen, und Ajax-Anrufe sind erstaunlich einfach zu erstellen, und sie bieten eine ganze Menge zusätzlicher Funktionalität in Ihre Web-Anwendungen. Im Wesentlichen bieten sie Ihnen die Möglichkeit, nahtlose Datenaufrufe zu tätigen, mit externen Webdateien auszutauschen, all diese Informationen zu ziehen und sie in Ihren Webanwendungen zu nutzen. Also mein Name ist Lawrence, und ich werde dein Lehrer für diesen Kurs sein. Und ich bin so aufgeregt, Ihnen heute diesen Kurs vorzustellen. In diesem Kurs werden wir Ihnen zeigen, wie Sie Geek-Sorgen in Ihre Web-Anwendungen hinzufügen und dann, wie Sie Daten und Lord Dateiinhalte in Ihren HTML-Code laden. Einfach durch Klicken auf eine Schaltfläche haben wir Zugriff auf viele Webinformationen über Ajax-Anrufe, und Sie bemerken uns gut, dass es keine Seitenaktualisierung gibt, und es ist eine wirklich nahtlose Erfahrung für Web-Benutzer. Und wie Sie sehen können, diese Luft, einige der verschiedenen Anwendungen, die wir aufbauen werden. Momentan werden wir mit diesem hier beginnen und im Wesentlichen ermöglicht es uns, nahtlos externe Dateiinhalte direkt in unseren HTML-Code zu laden . Und dann werde ich Ihnen auch zeigen, wie wir Anrufe tätigen und Daten mit Ajax abrufen können . Das ist also ein Aufruf in eine G-Sohn-Jason-Datei, die wieder einruft, all diese Antwortdaten durchläuftund G-Sohn-Jason-Datei, die wieder einruft, all diese Antwortdaten durchläuft auch Informationen übersendet. Also posten Sie es auf dem Server und erhalten Sie eine Antwort vom Server zurück. Je nachdem, was ich hier einlege, kann ich eine Antwort zurück bekommen, und dann kann ich diese Antwortdaten auch in meinem HTML verwenden. Es gibt also eine Reihe von verschiedenen Möglichkeiten, diese Anrufe zu tätigen. Und wie Sie hier sehen können, im Wesentlichen dies im Wesentlichenjene Informationen, die wir in Jason Format einfügen und in eine externe Datei bringen konnten . Außerdem werden wir uns ansehen, wie wir uns mit Web AP Augen verbinden und diese AP I-Informationen wieder in unsere Webanwendung ziehen können , wirklich nahtlos mit Ajax und wieder einmal, wenn Sie Ajax verwenden, ist es so eine erstaunliche Technologie. Es ist so einfach zu bedienen. Sie werden es wirklich genießen, und dieser Kurs ist auch erhalten alle Quellcode Resources Links Dateien, so dass Sie, auch, springen und beginnen können, Ihre eigenen Web-Anwendungen mit Jake Weary und Ajax erstellen, und Sie können Ihre eigenen Anwendungen schnell und einfach erstellen. Also, wenn du bereit bist, lasst uns anfangen, einige erstaunliche Sachen mit Ajax zu erstellen. 3. 2 Kursressourcen und Anwendungen: in dieser Lektion möchte ich einen schnellen Überblick über die verschiedenen Ressourcen, Links und Tools etwas geben und verwenden, um diesen Kurs durchzuführen. Also für meinen Redakteur werde ich Klammern verwenden. Dies ist ein Adobe-Produkt. Es ist ein Open-Source-Editor. Es ist in Klammern erhältlich. Starten Sie I o. Sie suchen nach einem neuen Editor oder überprüfen Sie den gleichen, den ich verwende. Also ist es in Klammern verfügbar, die ich schulde. Also ist es ah Dobie-Produkt, und eine der anderen Ressource ist etwas zu verwenden, um einen Code zu schreiben, ist Code-Stift I Oh, also ist dies eine Online-Website, wo Sie hier etwas eingeben können und Sie tatsächlich sehen können HTML, CSS und JavaScript und C wird es tatsächlich innerhalb der Seite gerendert. Was auch immer ich hier in diesem Codebereich eintippe, ich sehe, dass es gerendert wird, und das ist eine wirklich nützliche Ressource, besonders wenn wir eine Verbindung zu Jason Data herstellen und das dynamisch in unsere Webseite einziehen . Wir können tatsächlich, visuell sehen die Ausgabe, und wenn wir das Kabel anpassen, können wir sehen, dass sich auch die Ausgabe ändert. Es ist eine andere Anwendung. Ich werde verwenden ist Zam Zam ist im Wesentlichen gibt Ihnen die Möglichkeit, einen lokalen Host zu betreiben. Also, das ist, wo Sie sehen, wenn ich zu meinem Webbrowser-Artikel, dem lokalen Host, gehe . Das liegt daran, dass ich ein Beispiel im Hintergrund habe, und im Wesentlichen, was Zampa macht, ist es Ihnen erlaubt, einen Server zu simulieren, der im Hintergrund läuft. Also, wenn Sie Zugriff auf Apache Server oder meine Fortsetzungs-Datenbank benötigen, können Sie einfach Sam für Windows, Lennix oder Ola Sex herunterladen und einfach durch die Standardinstallation gehen und in nur wenigen Minuten laufen . Und das gibt Ihnen eine wirklich gute Sandbox-Entwicklungsumgebung, in der Sie es ausprobieren und verschiedene Dinge ausprobieren können , die kalt sind und sehen, wie das funktioniert. Eso Das ist eine der anderen Ressourcen, die ich auch verwende, und ich benutze auch Chrome als meinen Browser, und der Grund, warum ich Chrome mag, ist, weil es Dev-Tools hat, so dass Sie mit der Steuerung Shift I auf einem Windows öffnen und überprüfen können Maschine, und das öffnet im Wesentlichen dieses kleine Fenster hier auf der rechten Seite jetzt, und Sie haben ein paar Optionen hier, so dass Sie die verschiedenen Gerätegrößen umschalten können. Wenn Sie also auf einem Mobiltelefon simulieren möchten, sehen Sie sich an, wie Ihre Website aussieht. Sie haben diese Option und Sie haben eine Konsole. Dies gibt Ihnen die Möglichkeit, Informationen zurück an diese Konsole zu kommunizieren, damit Sie nicht hin und her blättern müssen, und Sie können tatsächlich die Informationen sehen, die im Konsolenprotokoll Ihres JavaScript ausgegeben werden . Und das ist wirklich nützlich, weil dies uns erlaubt, Informationen zu sehen, die wir möglicherweise nicht für den Benutzer anzeigen. Aber wir können diese Kommunikation hin und her sehen. Also eine andere Ressource oder einige andere Ressourcen, die ich verwenden werde, weil dieser Kurs darauf basiert, J. Corey-Aufrufe zu erstellen und einige externe Daten einzugeben und auf externe Dateien zuzugreifen. Also einige ihrer anderen Ressourcen, die ich verwende, sind meine Jason dot com. Dies ist also eine Website, auf der wir Jason Files online speichern können und wir bekommen eine U. R. I, um direkt auf sie zuzugreifen. Und das ist eine wirklich nützliche Ressource, weil es uns im Wesentlichen einen unendlichen Punkt gibt, einige Daten aufzunehmen und sie in unsere Anwendung zu ziehen Also, wenn Sie neugierig sind, wie es aussehen wird . Das ist eine ganze Reihe von Dummy-Daten, die in angrenzendes Format, und wir werden es in unsere Anwendung ziehen, während wir durch den Kurs und diese Daten arbeiten ich von Jason Dash Generator dot com generiert habe. So gibt es Ihnen die Möglichkeit, eine ganze Reihe von Dummy-Daten zu generieren . Und dann natürlich können Sie diese Datennatürlichnutzen und in Ihren Anwendungen platzieren. Also eine andere Ressource, die ich auch verwenden werde, ist Jason Platzhalter. Und das ist eine weitere Ressource, die Ihnen einen Endpunkt gibt, eine Jason-Datei, im Wesentlichen eine andere Datei, die wir auf Online-Datei abholen und in unsere Anwendung ziehen können . Und schließlich natürlich G Query verwenden, werden wir natürlich G Query verwenden,weil sein Kurs darauf basiert, Ajax-Anrufe mit Jake-Sorgen zu erstellen . Also müssen wir die J Query Library in unsere Anwendung bringen. Und für diejenigen von Ihnen, die mit Jake müde vertraut sind Im Wesentlichen J. ist J. Khoury eine JavaScript-Bibliothek, und es macht Ihr Javascript viel einfacher, mit einfacherer, angepasster Syntax. Es ermöglicht Ihnen, JavaScript-Funktionalität viel einfacher, schneller und mit weniger Code auszuführen , den Sie ausschreiben müssen. Und das ist einer der Gründe, warum viele Web-Entwickler sich an Jake Worry wenden werden, wenn wir Ajax-Anrufe haben. Da Ajax-Aufrufe eine der am meisten vereinfachten Funktionalitäten sind, die wir innerhalb von J. Query haben . Es vereinfacht wirklich eine Menge von diesem JavaScript, das wir normalerweise schreiben müssten, um unsere Ajax-Aufrufe zu tätigen. Also werden wir Ajay Kori Bibliothek greifen, ziehen Sie es in unsere Anwendung, oder Sie können für eine j coury dot com gehen und Jake Sorge herunterladen und lokal darauf zugreifen. Eso. So oder so erhalten Sie diese G-Abfragebibliothek, um Zugriff darauf zu erhalten. Also bekommen wir all diese wunderbare Jake Rate-Funktionalität. In der nächsten Lektion werden wir anfangen, Code auszuschreiben, und ich werde Ihnen zeigen, wie einfach es ist, Ajax-Anrufe zu tätigen und einige Daten über J-Abfrage in Ihre Anwendungen zu bringen . Also lasst uns die nächste Lektion beginnen 4. 3 jQuery Laden von externen Dateien in deine Website AJAX: in dieser Lektion. Ich möchte Ihnen zeigen, wie wir J. Coury in unser Projekt bringen und unseren ersten Ajax-Anruf tätigen können . Und wir greifen auf eine externe Datei zu und bringen diese Dateiinformationen in unsere Webanwendung . Also lasst uns zu den gehosteten Bibliotheken bei Google gehen, die J. Corey Library abholen Corey Library und ich habe bereits eine leere HTML-Seite erstellt. Also werden wir das in fallen lassen, und ich werde mich nicht um all die HTML-Formatierung kümmern, die sich strikt an Skripten wenden würde , und ich werde HTML-Elemente hinzufügen, wie es in den verschiedenen Lektionen des Kurses benötigt weil ich den Inhalt dieses Kurses strikt darauf konzentrieren wollte, unsere Ajax-Anrufe mit Jake müde zu machen und sich an diese Funktionalität innerhalb der Lektionen des Kurses zu halten. Also, nachdem ich all das gesagt habe, muss ich hier oben etwas HTML haben, um einige Container und einige interaktive Elemente in meinem HTML zu haben . Also werde ich hier eine Schaltfläche erstellen, und ich werde ihm nur eine einfache geben Es wird eine Diff hier als Schaltfläche haben und ich werde es Click Me nennen, so dass dies etwas ist, das wir klicken können, um RJ-Abfragefunktionalität zu initiieren Laden von Inhalten in unsere Webseite. Und wir brauchen auch einen Container Toe tatsächlich heraus setzen einige Inhalte in unseren HTML-Code Also wir tatsächlich sehen etwas passiert, wenn wir mit RJ Query auf die Schaltfläche klicken. Und ich werde hier auch noch eine Sache hinzufügen. Also werde ich hinzufügen, Ah, Ah, Hyperlink hier, und ich werde es jetzt einfach mit nirgendwo verknüpfen. Und ich werde das Klickfleisch hineinlegen, damit wir es jetzt, wann immer wir auf unsere Webseite gehen, wann immer wir auf unsere Webseite gehen, auffrischen. Wir haben einen Klick auf mich Button und wir sind alle bereit, einige zusätzliche Funktionen in unserer Anwendung hinzuzufügen . Das erste, was ich mit RJ Query tun möchte, ist, dass ich einen Ereignis-Listener erstellen möchte und mit Geek-Sorge ist das wirklich einfach zu tun. Selbst wenn Sie mit G-Abfrage nicht vertraut sind, wird es wirklich unkompliziert sein. Also das erste, was wir tun müssen, ist tatsächlich Zugriff sind Elemente in unserem innerhalb unseres HTML. Also haben wir eine Vorstellung von meinem bt und auf die gleiche Weise, wie wir CSS machen, können wir auf diese Elemente zugreifen Also stellen wir dort eine Verbindung mit diesem Element her und wir können einige Funktionen hinzufügen und tatsächlich möchte ich auf den Hyperlink innerhalb meiner bt. Und so werde ich einen dort für den Ankertext hinzufügen. Und das ist das gleiche Format, das wir verwenden würden, wenn wir CSS verwenden. Also die gleiche Idee. Und das ist, was einer der großen Gründe, warum wir J Query verwenden möchten, ist, weil es nur viel Sinn macht, wenn wir unsere Anwendungen entwickeln, dass alles vertraut ist, auch wenn Sie noch nie eine Bäckerei benutzt haben. Also im Wesentlichen hier haben wir einen Knopf klicken. Und eine andere Sache, die ich tun möchte, ist, dass ich den Standard verhindern möchte. Dies ist also nur eine Methode, um Standardaktionen innerhalb dieses Hyperlinks zu verhindern. Deshalb möchte ich einen Hyperlink einschließen, damit wir Ihnen zeigen können, dass wir diese Standardmethode entfernen . Manchmal entfernen Webentwickler das nicht in, und das ist etwas, das entfernt werden sollte. Wenn Sie Hyperlinks verwenden, wollte das deshalb in eso werfen. Schließlich lassen Sie uns einfach in das Konsolenprotokoll ausgeben und wir sagen geklickt, so dass wir einen kurzen Blick in die Konsole werfen und sehen können , dass wir tatsächlich auf die Schaltfläche geklickt haben und etwas passiert und wir sind bereit, mit unserem Ajax-Anruf zu gehen. Also lasst uns die Seite aktualisieren. Klicken Sie darauf. Jetzt sehen wir angeklickt. Es spielt also keine Rolle, wie oft ich darauf klicke Wir werden kontinuierlich innerhalb ihrer angeklickt, so dass wir alle bereit sind zu gehen, um einige Daten in unsere Webseite zu laden. Also lassen Sie uns jetzt eine U R l hier erstellen und diese Ihre URL ist, was wir verwenden werden, um diese Informationen zu laden . Also werden wir es Variable Earl nennen und ich muss etwas Inhalt bekommen, um zu laden . Also für jetzt werde ich eine separate Textdatei erstellen, speichern, die eine brandneue separate Textdatei erstellen, und ich werde hier einige HTML-Formatierungen einfügen. Also hallo, Welt. Also haben wir unsere HTML-Formatierung und wir nennen es einfach Testtext. Also haben wir dort eine Textdatei, die wir in Testtext laden werden. Also jetzt sind wir alle bereit, diese Informationen auf unsere Webseite zu laden. Also bist du bereit, deinen ersten Ajax-Anruf zu erstellen und ich werde dir zeigen, wie einfach es mit einer Abfrage ist. Dies wird also buchstäblich wahrscheinlich der schnellste Code sein, den Sie jemals mit einer Menge Funktionalität gemacht haben, die darin integriert ist. Also einfach hier, was wir tun, laden wir diesen Inhalt im Wesentlichen. Also, was passiert in dieser Kältelinie? Das ist also derjenige, der sich das ansieht. Wir verbinden uns, Teoh. Element hier nannte ich D unsere Ausgabe und wir platzieren das hier innerhalb dieses Parameters, und wir laden, was der eigentlich Ajax-Aufruf ist. Und wir laden ein Jahr, Earl. Also, das wird dieser Wert hier sein, also schauen wir uns das an und sehen, was passiert. Also, wenn ich darauf klicke, sehen wir, dass wir die Daten in unsere Webseite geladen bekommen und Sie können hier sehen, wann immer wir in unseren Quellcode gehen , wir haben all diese Formatierung. Also haben wir all diese eine hallo Welt bekommen, jede einzelne direkt in unsere Webseite geladen. Und jetzt, wenn ich wieder hier reingehe und wenn ich das aktualisiere, um mehr Text und was auch immer zu haben, kann ich zurück zur Webseite gehen und ich kann einfach darauf klicken und feststellen, dass ich die Seite nicht aktualisiert habe , weil sich das eigentliche JavaScript auf dieser Seite nicht geändert hat. Es ist nur die Quelldatei, die sich geändert hat. Und jedes Mal, wenn ich auf die Schaltfläche hier klicke, wurden diese Seiteninhalte neu geladen. Deshalb musste ich keine Seite neu laden, obwohl ich diesen Inhalt dort innerhalb dieser Textdatei geändert habe, damit ich noch mehr Informationen hinzufügen konnte. Geh wieder hier raus. Und jedes Mal, wenn ich darauf klicke, wird es die neueste Version dieses Inhalts in dieser Text-Test-Textdatei laden. Also die nächste Lektion werde ich Ihnen zeigen, sogar Mawr erstaunliche Interaktion, die Sie mit Jake Worry erstellen und Informationen in Ihre Web-Anwendungen laden können. All das kommt in der nächsten Lektion auf. 5. 4 Callback Data jQuery: in der vorherigen Lektion. Wir sahen, wie die Lademethode in G-Abfrage funktioniert und haben uns im Wesentlichen Stabilität beim Laden einiger Inhalte direkt in ein Element innerhalb unserer Webseite gegeben . Und es war einfach wirklich einfach zu machen. Also werde ich Ihnen hier nur ein paar zusätzliche Optionen zeigen, die wir in Lord haben können. Also zunächst einmal versuchen wir es erneut mit dem Laden einer anderen externen Datei. Also habe ich eine schnelle PHP-Datei erstellt. Im Wesentlichen wird dies nur das Datum des aktuellen Datums in der Zeit ausgeben. Also lassen Sie uns zu unserer Indexdatei gehen, um PHP zu aktualisieren und gehen Sie jetzt auf unsere Webseite. Aktualisieren Sie es. Und wir mussten es auffrischen, weil wir das geändert haben. Der Skriptinhalt dort. Also laden wir am Testpunkt PHP. Also, jedes Mal, wenn ich es lade, lade ich tatsächlich über, um PHP zu testen, und hier sind wir in der Lage zu sehen, dass es sich anpasst. Die Zeit wird aktualisiert, wenn ich darauf klicke. Das ist also wirklich erstaunliche Funktionalität, und tatsächlich können Sie sogar zusätzliche Informationen über diese Last zurückziehen, so dass wir nicht darauf beschränkt sind, dass Onley genau diesen Inhalt zurückzieht. Wir haben Informationen, wo wir den Status in Salon abrufen können. Und das ist wirklich nützlich, wenn wir zurückgekehrt wurden, so etwas wie, wir haben unsere Antwort. Also werde ich diesen Antworttext von Nüssen nennen. Sie werden hier den Status machen. Dies ist also nur innerhalb der Argumente der Funktion und wo immer noch den gleichen Parameter der URL übergeben wurden , aber wir kehren tatsächlich zurück. Wir haben einige Callback-Funktionen hier in unserem Lord. Werfen wir einen Blick und laden Sie es in die Konsole, damit wir einen besseren Blick auf die Informationen werfen können , die hier zurückgegeben werden. Wir haben also Antworttext. Und der Grund, warum ich es Antworttext genannt habe, ist, weil es im Wesentlichen den geantworteten Text laden wird, der innerhalb dieser Webseite verfügbar ist. Also stellen wir das aktuelle Datum da drüben ein, also wird es all das in und als nächstes laden. Wir haben auch einen Status, also möchte es vielleicht einen genaueren Blick auf unseren Status werfen und sehen, was der Inhalt davon ist. Lassen Sie uns also zu unserem Browser gehen und werfen Sie einen Blick. Ein genauerer Blick auf das. Also, wenn wir jetzt auf mich klicken, machen wir immer noch den Rundweg zum Server. Also bekommen wir diese geklickte Funktionalität. Aber hier haben wir unseren Antworttext. Also, wenn ich den Inhalt sehe, gab es tatsächlich diesen Antworttext dorthin. Und hier haben wir einen Status, der den Status des Erfolgs zurückzieht. Und so ist das eigentlich nützlich. Wenn Sie möchten, dass Informationen geladen und in anderen Formaten verwendet werden, als sie tatsächlich in ein Element zu laden, können Sie die gleichen Informationen nehmen, die Inhalt scheinen, der zurückgesendet und hier geladen wird, und du könntest es auch auf andere Weise nutzen. Jetzt, da Sie es in Ihrem JavaScript haben, können Sie es verwenden. Und noch eine Sache, die du genauso gut antun kannst. Sie können überprüfen, ob unser Anruf erfolgreich war, da dies auch wichtig ist, um zu überprüfen, ob es erfolgreich war, falls wir Fehler bekommen und wir diese Fehler entweder protokollieren können. Wir könnten Informationen ausgeben, wenn es eine Luft und so weiter. Das ist also sehr nützlich. Das ist also alles in diesem Rückruf enthalten, und es gibt tatsächlich sogar Mawr-Informationen, die wir in den Callback bekommen können. Also werden wir endlich noch einen Streit hinterlassen. Und wirklich, am Ende des Tages, ist es nicht wirklich wichtig, ob Sie diese ABC nennen oder wenn Sie es Antworttext Status X h r s nennen . Oh, das sind nur die Argumente, die wir in unserem JavaScript verwenden können. Um diese Objekt-Informationen zurückzurufen. Das letzte ist X h r. Und das gibt das gesamte Callback-Objekt zurück eso Dies wird all diese Informationen enthalten und vieles mehr. Also lassen Sie mich Ihnen zeigen, was ausgegeben wird. Jetzt, wann immer wir das tun, klicken Sie auf mich. Also haben wir die gleichen Informationen, die wir uns vorher angesehen haben. Aber wir bekommen, dass dieses Objekt zurückgegeben wird. Und wenn Sie mit einem Ajax-Aufruf in JavaScript vertraut sind, werden Sie damit vertraut sein. Und das ist das Gleiche, wenn wir in unserem JavaScript, dem XML-HTTP-Anforderungsobjekt, tun . Also sehen Sie, wir haben all das Zeug, das wir hier erwarten würden, damit wir eine Funktion ausführen können, wenn wir dies nach der Fertigstellung getan haben, schwächen, schwächen, den Anfrage-Header machen können. Und noch viel mehr Also all das ist in dieser Antwort enthalten. Objekt? Ah, wir können auch unsere Antwort Text sehen, die wir sehen können, sind bereit. Staat geht im Wesentlichen durch verschiedene Bereitschaftszustände. Und wann immer wir diese Objektinformationen erhalten, können wir das ausgeben und wir können dies auch nutzen. Und dort haben wir unseren Erfolg. Wir haben unseren Status, also bekommen wir diese Statuscodes zurück. Mit dem statischen Code bedeutet im Wesentlichen 200, dass auf die Webseite erfolgreich zugegriffen wurde. 404 bedeutet, dass die Seite nicht gefunden wurde. 500 weist auf einen Serverfehler hin und so weiter. Also diese Luft jene typischen Fehlernummern, die Sie erwarten würden, wenn Sie einige Probleme mit der Verbindung zu Ihrer Anwendung haben . All dies wird innerhalb des Rückrufs zurückgegeben, und natürlich können Sie es jetzt in Ihrem -Webanwendung. 6. 5 Update jQuery: in dieser Lektion. Ich möchte mit unserer Jake Worry Schluss machen, dass wir uns vorhin mit der J koreanischen Ladung angesehen haben. Es ist oft mit G. Koury. Sie möchten sicherstellen, dass der Dom tatsächlich voll geladen ist. Also benutzst du. Das ist, wo wir Document Dot ready verwenden. Und hier richten wir die Funktion ein, um sicherzustellen, dass der Dom vollständig geladen ist. Und dann initiieren wir unsere Jake-Sorge. Also wollte ich die J-Abfragefunktionalität mit der dokumentbereiten Funktion umschließen und möchte auch einen Blick darauf werfen und sehen, was der Wert des Erfolgs des Status war. Wenn wir also tatsächlich einen Erfolgsstatus zurückgeben, dann möchte ich vielleicht etwas anderes tun, als wenn ich tatsächlich einen Fehler aus diesem Status gezogen habe. Wir haben also eine Reihe von verschiedenen Möglichkeiten, die wir tatsächlich aktualisieren und diese Informationen innerhalb dieses Objekts sehen können , können wir überprüfen, um den Status innerhalb unseres X h r zu sehen, sowie den Status innerhalb des nur Status. Beide sind also gleich, also können wir hier eine bedingte Aussage machen und nur sicherstellen, dass, wenn wir diese Daten tatsächlich benötigen und dies ein wichtiger Teil unserer Anwendung war, wir sicherstellen möchten, dass wir überprüfen, ob der Status ist gleich 200. Also, das ist der Wert dort, der zurückgegeben wird. Lassen Sie mich also einen weiteren Blick auf das werfen und tatsächlich den Status Erfolg. Aber wir können auch nach Status in der ex ex suchen, ein Glas von 200 so entweder eine, so dass wir nach Status des Erfolgs suchen können. Oder wir können nach x suchen, h r Punktstatus und sehen, ob wir einen Wert von 200 eso haben. Nun, da wir wissen, dass Status Erfolg ist, dann können wir etwas ausgeben, vielleicht in den Ausgabebereich. Oder wir können an das anhängen würde Bereich setzen, so dass es so etwas tun könnte und zu verwirren. Und hier können wir einige Informationen hinzufügen, so dass es funktioniert. So einfach wie das. Also, jetzt lasst uns dasselbe ausprobieren. Klicken Sie darauf und wir sehen, dass wir mit ihm angehängt werden funktioniert, weil wir tatsächlich in der Lage waren, auf das u R l zuzugreifen Also sollte ich einen Zeilenumbruch setzen. Sie sind so einfach den Code ein wenig zu aktualisieren. Und ich werde Ihnen auch zeigen, was passiert, wenn diese Datei falsch ist. Also, was hier passieren wird, ist, dass wir tatsächlich einen Fehler werfen und sehen, dass wir all diese Informationen haben . Wir werfen einen Fehler. Also müssen wir sicherstellen, dass wir diese Fehlermeldung berücksichtigen, und dann könnten wir uns darum kümmern und wir könnten vielleicht etwas anderes in dieser Ausgabe laden. Also, wenn oder vielleicht können wir einfach so etwas tun, wenn der Status Fehler ist als Kara oder so etwas. Das ist also nur für die Benutzererfahrung, so dass, wenn sie darauf klicken und wir etwas erwarten , wenn etwas schief geht, wir tatsächlich eine Art Nachricht und eine Art von Informationen für den Benutzer haben , um zu wissen, dass sie tatsächlich klickte darauf und etwas ist schief gelaufen. So können Sie Ihr Laden von Daten mit jedem Jacks Aufruf erstellen. Und in der nächsten Lektion werden wir uns tiefer mit Jacaranda, Ajax und all den erstaunlichen Möglichkeiten beschäftigen, die verfügbar sind, um auf Dateien zuzugreifen. Also, das kommt alles in der nächsten Reihe von Lektionen 7. 7 AJAX-Methode mit jQuery: in dieser Lektion werden wir uns einen anderen Weg ansehen, um einen Ajax-Anruf zu tätigen. In den vorherigen Lektionen haben wir uns das Laden von Daten angesehen und wir hatten nicht wirklich viel Kontrolle über die verschiedenen Methoden und sogar das Senden von Daten und so weiter. Also hatten wir nicht viel Kontrolle darüber, was passiert ist? Also können wir das wirklich leicht aktualisieren, und ich werde dies zu einem Ajax-Aufruf aktualisieren, uns viel mehr Kontrolle über unsere Ausgabe geben wird und was wir mit den Informationen machen, die zurückabgerufen wurden, anstatt eine Ah-Last zu machen. Wir werden eine Methode der eingebauten Methode in Jake Worry verwenden. Und das ist die Ajax-Methode. Und das ist eine wirklich einfache Möglichkeit, wirklich funktionale Möglichkeit, eine ganze Menge Sachen mit nur ein paar Zeilen Accord zu tun . Und im Wesentlichen, was wir tun werden, ist, dass wir einfach zu derselben Textdatei zurückrufen, die wir uns vorher angesehen haben . Ich werde das loswerden, weil wir dort einige zusätzliche überschüssige Konsuls haben und so weiter. Also werde ich Sie anrufen, Earl, den Testtext, den Sie Earl und jetzt innerhalb der Parameter, haben wir einige zusätzliche Optionen, damit wir überprüfen können, ob unsere Methode, die zurückkehrte, ein Erfolg ist. Und wenn ja, dann können wir eine Funktion für diese Erfolgsmethode abfeuern und wir können einige Informationen zurückziehen . Einige rufen Informationen innerhalb des Wertes von Daten zurück. Also werde ich nur Protokolldaten innerhalb des Erfolgs konsolen. Und wir sahen auch, dass wir in der vorherigen Lektion Fehler behandeln konnten, aber das war nicht wirklich ineffizient. Weg zu gehen, weil wir eine Reihe von Fehlern in unserem Panel werfen und so weiter. Also mit dem Ajax-Anruf haben wir tatsächlich einen Weg. Teoh suchen Sie nach spezifischen Fehler. Also, wenn wir eine Luft bekommen, dann können wir unsere Fehlerfunktion ausführen. Also werde ich dasselbe tun, was wir hier oben getan haben, wo wir im Erfolg, wo wir diese Daten zurückgezogen haben und wir werden nur Daten ausgeben und das könnte sehr gut etwas tun, das gleiche wie hier, wo wir das und dieses setzen könnten . Vielleicht sagen wir einfach, dass es funktioniert, und jetzt kann ich tatsächlich eine Menge davon loswerden, dass wir hier sitzen, wir behalten die Tastenfunktionalität und so weiter, und ich werde es nur ein bisschen vorzeigbarer aussehen lassen. Es gibt also jetzt sind wir bereit zu gehen, um die Seite im Browser zu versuchen. Was denkst du, wird hier passieren, wenn wir unsere Verbindung zu derselben Textdatei herstellen ? Was glauben Sie, werden wir in der Konsole sehen und so weiter. Lassen Sie uns also einen Blick auf unsere Anwendung werfen. Aktualisieren Sie es, klicken Sie darauf. Und jetzt sehen wir, dass wir diesen HTML-Code zurückziehen und wir sehen, dass wir all diese Antwortinformationen hier haben und wir bekommen Ausgabe, bekommen Werke. Also, wenn wir dies aktualisieren und erstellen eine Datei nicht existent Link zu einer Datei Also, wenn ich darauf klicke , wir sehen, dass wir das Gleiche passiert dort. Aber wir erhalten alle diese Objekt-Informationen zurückgegeben werden. So bekommen wir dies nicht gefunden und wir erhalten die Objektinformationen, die innerhalb der Daten zurückgegeben werden. Und das ist interessant, denn jetzt können wir davon Gebrauch machen. Und wir können tatsächlich acht finden, was der Statustext ist. Und wenn es nicht gefunden wird, können wir vielleicht diesen Status, Text und so weiter ausgeben . Also habe ich hier viele Optionen innerhalb dieser zurückgegebenen Daten, also könnte ich genauso einfach, anstatt nur Fehler auszuschreiben, ich kann etwas wie Daten verunreinigen und unseren Statustext machen. Also jetzt, um eine bessere Benutzererfahrung zu schaffen, bekommen wir tatsächlich, dass der Statustext von seinem Anruf zurückgegeben wird. Und wir können es auch nutzen und wir sehen, dass unser Status Luftwert 404 Also im Wesentlichen wissen wir, dass das bedeutet, dass die Seite nicht gefunden wurde. Und so können Sie Fehler mit dem Jacks Call behandeln. Und mit Ajax, mit dieser Ajax-Methode, haben wir eine ganze Menge mehr Optionen, also werde ich Ihnen zeigen, dass es in den kommenden Lektionen war. 8. 8 Verwenden von jQuery AJAX zur Rückgabe von JSON-Daten in JavaScript: Also haben wir in der vorherigen Lektion Ajax eingeführt, und mit Ajax gibt es tatsächlich viele verschiedene Parameter, die wir verwenden können. So sahen wir, dass Erfolg und Fehler mit in einem Objekt Formate. Also haben wir Erfolg. Und wenn Sie mit JavaScript-Objekten vertraut sind, so haben wir den Schlüssel hier, und dann haben wir den Wert hier. Also im Wesentlichen der Schlüssel. Und was passiert dann, wenn wir den Schlüssel abholen? Also machen wir das Gleiche mit dem Earl. Wir werden es aus dem Sitzen bewegen. Ich würde von dieser geschweiften Klammer zitieren, und wir werden die u Out U R L genau wie wir jedes andere Objekt hier innerhalb RG Steinbruch angeben . Also, im Wesentlichen, indem wir es über bewegen, können wir hier auch alle verschiedenen Objektwerte auflisten. Also, wenn ich eine Methode angeben möchte, kann ich angeben. Wir wissen also, dass es zwei verschiedene Methoden gibt. Es gibt entweder get oder post, also kann ich angeben, dass diese bestimmte Methode bekommen wird. Wir können auch Datentyp angeben, so dass der Datentyp, den wir erwarten zurück Wenn wir also nur Text zurück erwarten, können wir Text angeben, den wir erhalten Text und eine ganze Menge mehr. Also lassen Sie uns jetzt einen Blick auf unsere Ajax namens Click the Button werfen und wir sehen, dass sich nicht viel geändert hat , aber in der Tat hat es wirklich das geändert. Jetzt können wir angeben, wo sie taten oder posten, und wir können einige zusätzliche Funktionen als auch tun. Andere Dinge davor waren wir nicht in der Lage, das zu tun. Das können wir jetzt tun. Wir können eine Methode angeben. Also hier verlinken wir auf unsere Testpunkt-TXT-Datei. Aber wenn wir suchen, um dort zu posten, so wahrscheinlich würden wir das nicht unbedingt mit dieser Textdatei tun müssen. Aber nur um Ihnen zu zeigen, dass jedes Mal, wenn ich es aktualisiere , alles gleich funktioniert, und wir auch, weil wir die Methode spezifizieren. Wir können auch auf Web Bührle verlinken und diese Informationen zurückziehen. Also hier ist auf einem P I hier und das ist, was wir nicht in der Lage sind, das zu laden, wie es früher angeschaut wurde. Wenn wir versuchen, die Ladung in diesem Netz zu belasten, sind Sie l. sind Sie l. Aber jetzt, da wir angeben, dass wir E Jackson verwenden, haben wir eine vollständige get Anfrage und wir erwarten Datentyp und so weiter. Also, wenn ich darauf klicke, sehen wir, dass wir tatsächlich in der Lage sind, diese Informationen zurückzuziehen, so dass wir auch diesen Datentyp ändern können . Wir wissen also, dass diese Quelle hier eingereicht wurde. Das ist Jason Data. Statt den Text zu formatieren und zurückzuholen, ändern wir dies in Jason und sehen, was passiert. Also, jetzt haben wir früher gesehen, wann immer wir darauf geklickt haben, haben wir den Inhalt dieses Mädchens abgerufen, und es ist alles innerhalb eines String-Werts. Also, natürlich könnten Sie dies durch analysieren und als Jason verwenden. Aber eigentlich, warum ziehen Sie es nicht als Jason-Objekte zurück? Und dann sind diese Objekte jetzt in unserer Anwendung nutzbar, so dass wir diese und Pastinaken tatsächlich durchlaufen und diese Informationen in unsere Webseite bekommen können . Eso Dies ist, wo all diese spezifischeren Besonderheiten unseres Ajax-Aufrufs wirklich nützlich sind , weil wir jetzt die Möglichkeit haben, Datentypen Methoden anzugeben, sowie wir haben auch die Möglichkeit, Daten über und eine ganze Menge mehr zu senden. Und in den nächsten kommenden Lektionen werde ich Ihnen verrückt über diesen Ajax-Anruf zeigen und wie man damit arbeitet. und dann auch, wie man mit diesen Daten arbeitet, die wir innerhalb unseres Ajax-Aufrufs aufnehmen. All das kommt also im nächsten Satz von Lektionen auf. 9. 9 JSON-Daten mit AJAX abrufen: in der vorherigen Lektion haben wir gesehen, wie wir einige Jason-Daten zurückziehen und als Datum JavaScript-Objekte ausgeben können. Und jetzt können wir diese Objekte nutzen und sie tatsächlich auf unsere Webseite setzen. Und das wird eine wirklich nützliche Funktionalität sein, mit der Sie feststellen werden, dass es wirklich ist . Es ist wirklich einfach zu arbeiten, und es gibt eine ganze Menge, die Sie mit dem Ziehen all dieser Daten und dem Zugriff auf verschiedene Endpunkte tun könnten , um zusätzliche Daten und Informationen. Also gehen wir zurück in unseren Redakteur. Und jetzt, da wir all diese Daten innerhalb unseres Datenobjekts zurückgezogen haben, lassen Sie uns diese jetzt nutzen . Und in der Regel mit JavaScript könnten wir es durchlaufen. Aber J Corey hat tatsächlich eine eingebaute Funktionalität eingebaute Methode, die es uns ermöglicht, durch die Daten zu suchen . Also müssen wir nur dieses bestimmte Datenobjekt angeben, und dann können wir eine Funktion angeben. Und zuerst holen wir einen Schlüssel, und wir werden auch einen Indexwert aufheben, während wir jeden durchgeschliffen haben. Und was ich tun kann, ist, dass ich den Schlüssel und den Index tatsächlich protokollieren kann, damit Sie eine bessere Vorstellung davon bekommen können , wo, eigentlich welche Informationen aufgenommen wurden, während wir durchlaufen. Und dann werde ich Ihnen auch nachher zeigen, wie wir diese Informationen tatsächlich einfügen und sie in diesem Ausgabebereich nutzen können , wenn sie HTML sind. Lassen Sie uns also einen genaueren Blick darauf werfen, was hier ausgegeben wird und durchgeschliffen wird. Und wir sehen, dass vor allem der erste Wert, den wir zurückgegeben werden. Da ist der Schlüssel. Also im Wesentlichen dieses bestimmte Objekt. Dies ist der erste Gegenstand im Objekt, Torri, und wir haben einen Schlüssel von Null. Und dann haben wir alle diese Objekt-Informationen. Wenn wir also diese Objektinformationen nutzen wollen, sagen wir, dass wir diese E-Mail-Adresse dieses Benutzers erhalten möchten. Lassen Sie uns zurück in hier gehen und wir wissen, wie Objekte in G-Abfrage funktionieren, so dass wir so etwas tun könnten , wie wir den Index haben, das gesamte Objekt ist. Und wenn wir Indexe-Mail machen, lassen Sie uns jetzt sehen, was passiert, wenn wir es aktualisieren. Wir sehen also, dass wir all diese E-Mail-Adressen zurückbekommen, und jetzt ist Azizi nur manipuliert unseren Inhalt und aktualisiert, was wir eigentlich mit diesem Inhalt tun wollen , während wir ihn durchschauten. Also vielleicht zum Beispiel wollen wir es zum Beispielin unsere Ausgabewerte hinzufügen. Hier s, so dass wir so etwas wie dieses Update tun konnten, bewegte sich diese herum. Und jetzt werfen wir einen Blick auf unseren Browser. Und jetzt, wenn wir darauf klicken, listen wir alle diese E-Mail-Adressen auf, So können wir es auch auf verschiedene Arten tun. Wir wissen also, dass die Art und Weise, wie der Schlüssel funktioniert, darin besteht, dass wir dieses Datenobjekt zurückziehen können. Also, wenn wir so etwas wie Daten machen und den Schlüsselwert innerhalb der eckigen Klammern haben , was denkst du, wird hier passieren, wenn wir auf die Schaltfläche klicken und bemerken , dass wir wieder alle diese Objektinformationen erhalten ? Also wirklich, die gleiche Sache, die wir früher gemacht haben, konnten wir etwas sehr ähnliches hier tun, wo wir so etwas wie Schlüssel-E-Mail tun könnten. Und jetzt werfen wir einen Blick auf unser Konsul Logbuch. Klicken Sie erneut darauf. Und das Interessante ist, dass wir zu dem gleichen Punkt zurückgekommen sind, der Informationen schien . Also wirklich, es gibt verschiedene Möglichkeiten, um darauf zuzugreifen. Wahrscheinlich ist der beste Weg, es das Objekt hier über das Indexobjekt anzuzeigen. Aber so oder so, du könntest es tun. Was auch immer für Sie sinnvoller ist, Sie könnten es auch über den Schlüssel tun und auf diesen ganzen Tag zugreifen, das Objekt und den Do-Schlüssel zugreifen, aber innerhalb dieser Instanz wurden diesen einzelnen Datenschlüssel in den Index übergeben und wir können Verwendung von ihm. Also entweder einer wird auf die gleiche Weise funktionieren und wir können ein Update manipulieren. Unser Ich würde jedoch in einer Reihe von verschiedenen Formaten so typischerweise einfügen , dass Sie sehen werden, dass wir dieses jedes Objekt verwenden, das wir gerade erstellt haben, und wir greifen auf diese Objektinformationen innerhalb dieses Formats sowie auf andere Arten , um die gleichen Informationen auszugeben. Und wenn Sie mit JavaScript-Objekten vertraut sind, wissen wir, dass wir auch die Zitate wie diese machen können und wir tatsächlich zu den gleichen Informationen zurückkehren können. Also, wenn wir jetzt gehen und darauf klicken, sehen wir, dass wir es jetzt dreimal aufgelistet bekommen, weil alle drei dieser Werte äquivalent sein werden. Sie sind alle gleich. Sie alle enthalten die gleichen Informationen, nur verschiedene Arten des Zugriffs auf sie innerhalb von JavaScript-Objekten und wollen auch nur wissen, dass, was auch immer wir diese zitierte Version mit eckigen Klammern tun, dann können wir diese dynamische als auch. So können wir verschiedene Werte hier innerhalb des Objekts innerhalb dieser Methode erstellen, und wir können es dynamisch als auch erscheinen lassen. Also haben wir eine Reihe von Elementen und so weiter. Wir können wirklich beginnen, es innerhalb dieser Art von Funktionalität zu nutzen, was wir nicht tun können, wenn wir nur den Indexzeitraum auf Indexnamen machen. Und ich möchte auch darauf hinweisen, dass, wenn wir es als Text zurückziehen, als eine andere Sache, die wir mit den Daten tun können, wir diese Daten nehmen können und wir eine Jason-Parse aus diesen Daten machen Und was Jason Parse von den Daten tun wird, wird es tatsächlich wieder in dieses Jason-Format umwandeln . . Und das ist der Jason Parse, und das gibt uns im Wesentlichen die Möglichkeit, diesen String-Wert zurück in ein nutzbares Datenformat zu verwandeln . Also, jetzt gehen wir zurück, und so sehen wir, dass alles noch richtig funktioniert, also ist das eine andere Sache, auf die man achten muss. Je nachdem, wie Ihre Daten zurückgegeben werden, ob es sich um eine Zeichenfolge handelt, die Sie diesen Jason analysieren müssen, wenn es Gänse auf formatiert ist, was ideal ist, dass Sie sich um diese Zeile keinen Code kümmern müssen. Also das ist das Onley, wenn sein Stärke-Wert Daten kann. Also füge ich das einfach hinzu. der nächsten Lektion werden wir uns noch mehr Dinge ansehen, die wir mit Ajax-Aufrufen innerhalb von J Query tun können . 10. 11 AJAX zum Senden und Empfangen von Daten: in dieser Lektion. Ich möchte Ihnen zeigen, wie wir tatsächlich einige Daten posten können. Also frühere Lektionen haben wir uns angesehen, wie wir Informationen von einem bestimmten Mädchen abrufen und sie dann in unserem Output nutzen . Werfen wir nun einen Blick darauf, wie wir tatsächlich einige Daten an unseren Webserver senden können. Also werde ich einige Eingaben erstellen, Eingabetyp, und dann welche Typen Text sind, und dann muss ich es auf I d zuweisen. Vielleicht könnte dies Vorname oder so etwas sein und eine 2. 1 aktualisieren und wir werden tun zuletzt, so dass wir hier zwei Eingaben haben und einfach ein wenig schnelles Label hier machen. Also nichts, nicht zu viel HTML hier. Aber eso, dass wir einige Eingabefelder haben, in denen wir tatsächlich einige Informationen aus eso als nächstes aufnehmen können . Schauen wir uns an, wie wir dies in ein, ähm, oder ein besseres Format konvertieren können ähm, , in das wir einige Daten senden können, und wir müssen tatsächlich auch eine Möglichkeit schaffen, diese Informationen aufzunehmen. Also gehen wir zurück in unsere PHP-Datei, und ich werde das speichern, als nur vielleicht nennen wir es einfach PHP dot PHP und ich werde ein Update der Inhalte hier machen . Also, was ich tun möchte, ist, dass ich in der Lage sein möchte, die Informationen, die über s gesendet werden, abholen zu können Oh, das wird einfach eine wirklich schnelle, einfache PHP-Anwendung, die diese gehosteten Informationen abholen wird. Beachten Sie also, dass die Methode, die wir erwarten werden, ein Post und Vorname ist der Wert, den wir auch posten werden. Und wir werden prüfen, ob es eingestellt ist. Und wenn es gesetzt ist, dann werden wir den Wert des Namens verwenden wird der Vorname sein. Und wenn es nicht gesetzt ist, dann geben wir einfach keinen Namen ein. Also, egal was passiert, wir bekommen eine Art von Wert innerhalb unseres Namens. Und vielleicht werde ich das zuerst aktualisieren, um diese Zehe zuletzt zu aktualisieren und hier ein wenig Anpassungen vorzunehmen. Also kein letzter Also kein Nachname angegeben. Also jetzt haben wir zwei Variablen hier, und lassen Sie uns auch einfach eine zufällige Variable erstellen. Es ist von einem gewissen Wert. Und dieser hier wird nur s O sein, dass ich aus diesem Grund so viele Variablen hier erstelle , dass wir etwas in unserem Jason-Format ausgeben müssen. Eso Jetzt können wir eine andere erstellen, die wir in der Wieder erstellen können, also dieser Saree wird einige Informationen halten und wir werden es einfach so formatieren, dass wir einen Namen haben werden. Vielleicht können wir es f Namen nennen, um im Einklang mit diesen Variablen zu sein und gleich dem f Namen Wert Teoh F Namen. Und dann beruhigen wir ein Getrenntes. Auf diese Weise werden wir ein Array mit einer Reihe von Werten erstellen, die wir in Jason konvertieren und dann irgendwann für unsere Benutzerverbräuche ausgeben können , wenn dieser Benutzer eine Verbindung herstellt , dann werden wir all diesen Inhalt eso Vielleicht der Verlorene. Wir werden nur etwas wie Antwort tun und diese Antwort auf den Wert, den wir hier haben, so dass wir jetzt einige dynamische Werte haben und wir Echo können. Und das ist eine weitere eingebaute Funktion in PHP. Also haben wir Eco-Codierung und wir können ein Array codieren und es im Jason-Format formatieren. Also gehen wir zurück zu unserem Web-Browser. Werfen Sie einen Blick auf das, was in dieser Datei gespeichert wird, bevor Sie wieder eine Verbindung zu ihr herstellen. Ich gehe zu PHP dot PHP. Wir erhalten eine schön formatierte Jason-Antwort. Also werden wir bereits einige Informationen senden und diese Informationen auf dem Server abholen. Und so lassen Sie uns unseren Ajax-Aufruf öffnen und jetzt etwas tun, dies in Post zu konvertieren. Also habe ich gesagt, dass wir einige Informationen über posten wollen, und wir wollen auch einige Daten hier senden. Also anstelle des Datentyps möchte ich dies zurück auf Jason aktualisieren, weil es Jason Formatierte Daten sind, und wir möchten auch einige Daten in unserem Beitrag veröffentlichen. Die Art und Weise, wie die Daten gesendet werden, ist es in einem Objektformat, und wir müssen diese Objekte angeben. Wir erwarten also, dass f Name der Vorname ist, und wir können diese Informationen aus dem Wert des Elements mit dem Wert zuerst abholen. Das ist also mit J Query, und dann müssen wir nur Wert und Komma getrennt angeben. Und jetzt machen wir noch ein letztes. Und ich werde auch das genauso gut durchgehen wie wir, wenn wir den Anruf beenden, damit wir einen besseren Blick darauf werfen können , was hier hinter den Kulissen passiert eso Dies ist Jay Query, um diejenigen aufzuheben, die hier in den ersten und dann auch diesen Eingabewert aufnehmen, der in letzter eso enthalten ist Weiter, können wir diese Zeile loswerden, weil wir sie nicht mehr brauchen, und wir analysieren auch nicht mehrere Elemente. Also geben wir einfach nur die Konsolendaten zurück. Und nun lassen Sie uns einen Blick werfen und sehen, was tatsächlich darin enthalten wäre und tatsächlich eine Sache, bevor ich vergesse, müssen wir die u R L so PHP dot PHP ändern. Jetzt lasst uns gehen und es auffrischen. Also, jetzt kann ich hier einen Namen eingeben, und wenn ich es auf die Schaltfläche klicke, sehen wir, dass wir die volle Reise machen. Also machen wir tatsächlich einen Ajax-Aufruf, der diese Daten an den Server sendet, und dann haben wir diese Antwortinformationen aus der PHP-Datei, die wir gerade erstellt haben, und wir nehmen diesen geposteten F-Namen auf. Also der eingefügte Vorname. Wir nehmen den geposteten Nachnamen auf und wir haben auch diese Antwortinformationen, die wir zurücksenden, so dass wir zurücksenden, wir sie in einem Objektformat erhalten. Das wird also wirklich einfach Toe-Ausgabe innerhalb dieses Ausgabe-Bereichs sein, so dass wir diese Ausgabe wirklich einfach nutzen können. Mit dem gleichen Format, das wir hatten, können wir unsere Ausgabe erstellen und sie in unsere Webseite einfügen, diese Informationen zurückbekommen, sie tatsächlich vom Server abrufen . Also werde ich schnell alle diese Werte hier erstellen, und ich glaube, dass dieser eine Antwort war. Lassen Sie uns nun einen Blick darauf werfen, was hier ausgegeben wird. Also, wenn ich darauf klicke und sollte vielleicht einige Standardwerte setzen, aber wir sehen, dass, wenn ich es aktualisiere, es tatsächlich diese vollständige Roundtrip zum Server macht. Es nimmt diese Informationen auf, und es ruft sie ab, wie es Es erstellt eine Jason-Datei am PHP-Ende, und wir erhalten diese Antwortinformationen als Jason-Datei zurück. So sind wir in der Lage, es in unserem JavaScript als JavaScript-Objekt abzurufen, und dann sind wir in der Lage, damit zu arbeiten und diese Werte aufzunehmen, und es hat es in unserem HTML eingefügt. Lasst uns noch einen näher bringen. Schauen Sie sich genau an, was hier passiert, also haben wir eso mit der PHP-Datei erstellt, im Wesentlichen, was es tut. Seine Auflistung für einen Beitrag eines Wertes für F Name, Beitrag des Wertes für l Name. Alles, was es tut, ist, die Werte zu nehmen, die aufgreifen. Wenn nichts vorgesehen ist, dass es hier einen Wert erzeugt, erzeugt hier einen Wert und gibt es ein Array und enthält ihren Strahl und das richtige Format, so dass wir eine Jason-Datei ausgeben können. Und wie wir bereits gesehen haben, ist Jason Data bei Ajax-Anrufen ideal, um diese Informationen abzurufen und diese Informationen zu nutzen. Also, wenn wir uns unsere Indexdatei ansehen, haben wir ein paar HTML-Eingaben erstellt. Diese Luft einfache Eingänge. Wir haben ihnen Ideen zugewiesen. Beachten Sie, dass es keine Namen gibt, weil wir nicht wirklich einreichen. Diese Eingaben waren nur Elemente benötigen, die wir nutzen können, um die enthaltenen Werte aufzuheben . Ich habe diesen Klick auf mich Button, den Ausgabebereich, den wir zuvor angesehen hatten. Wir haben den Link zu Jake Worry und dann haben wir unsere Skript-Tags für die Kuppel Toe Last hier warten , hier haben wir den Ereignis-Listener für den Klick-Button. Dieser hier gibt die URL an, mit der wir eine Verbindung herstellen möchten, und wir verhindern, dass die Standardwerte dieses Hyperlinks nicht auslösen. Und hier haben wir diesen Ajax-Anruf. Also der erste Parameter innerhalb des Ajax aufgerufen. Wir schauen zurück, um den Earl zu bekommen, wo wir den Ajax-Anruf als Nächstes schicken wollen. Wir suchen nach Typ, also veröffentlichen wir Inhalte, weil denken Sie daran, PHP wartete auf Post. Also die Methode ist posten Sie uns. Wir veröffentlichen Daten, und hier haben wir unser Datenobjekt und bemerken, dass es in einem typischen Objektformat formatiert ist, in dem wir die gepaarten Werte haben. Also haben wir den Schlüsselnamen und den tatsächlichen Wert eso wir haben wieder den Schlüsselnamen und Wert Und das ist das Format, das es an unsere PHP-Dateien sendet. Im Wesentlichen ist dies das gleiche wie bei f Namen. Wenn wir einen Namen in diesem Feld von f name hätten und wir ihn innerhalb desselben Formats übergeben würden , geben wir den Datentyp als Jason an, weil wir wissen, dass wir Jason Data erwarten und wir wollen sofort damit arbeiten Jason Form aus Daten. Wir machen ein Konsolenprotokoll. Eso dieser hier ist, was ausbricht, wenn wir eine erfolgreiche Verbindung machen, wo Konsole das Datenobjekt abmeldet. Und hier wurden dieses Datenobjekt verwendet, weil wir in der Konsole gesehen haben, dass wir diesen f Namen l Namen und Antwort innerhalb des Datenobjekts zurückdrehen. Und alles, was wir verwenden, ist JavaScript-Objekte Teoh Upend Ausgabe, die hier verfügbar ist. In der nächsten Lektion zeigen wir Ihnen, wie Sie mit Ajax-Anrufen arbeiten. Und so dass Sie einige oder Funktionalität in Bäckereien Ajax-Methode Das kommt in der nächsten Lektion. 11. 13 Tweaks und Tipps für AJAX: in dieser Lektion möchte ich einen kurzen Überblick über einige der Funktionen geben, die wir uns zuvor angesehen haben . So haben wir gesehen, dass wir PHP nutzen können. Also, wenn Sie dies auf Ihrem lokalen Computer ausprobieren möchten und Sie keinen lokalen Server haben , weil mit PHPnatürlich mit PHP nicht wie Javascript im Browser läuft. Wir wissen tatsächlich, Server zu rendern geschrieben PHP. Also schauen Sie sich Zampa an, wenn Sie nach einer Möglichkeit suchen, Ihren Apache-Server einzurichten und tatsächlich das PHP, das auf Ihren Webs auf Ihrem lokalen Rechner aufgerufen wird , um all diese hier auszuprobieren, haben wir Ihnen gezeigt, wie wir eine PHP-Datei aufrufen können, Senden Sie einige Informationen und einfach, indem Sie darauf klicken und wir können die vollständige Schleife den ganzen Weg um mit diesen Informationen machen. Also möchte ich auch in dieser Lektion, einen genaueren Blick auf die Daten, die wir übergeben. Also werde ich eine Variable namens Person und diese Variable einrichten, da sie ein Objekt sein wird, und sie wird all diese Informationen für die Person enthalten. Also denken Sie noch einmal daran, diese geschweiften Klammern zu verwenden, ich bin mir nicht sicher, warum es das nicht getan hat. Setzen Sie eso die geschweiften Klammern dort Person, weil dies ein Objekt ist, das wir über senden. Also der erste Parameter, nach dem wir suchen. Also werde ich im Wesentlichen diese Daten hier wiederholen, und ich werde das aussagen, und ich werde Ihnen zeigen, dass wir dieses Datenobjekt erstellen können. Wenn Sie also Teoh suchen, erstellen Sie dieses Datenobjekt, können Sie es innerhalb dieses Gewichts tun und anschwellen, wenn Sie es dynamisch erstellen und so weiter. Also hier müssen wir einen Namen erstellen. Also werde ich ihm einen Namen von John geben. Wir können eine separate es thes Werte beruhigen. Und das ist nur ein normales JavaScript-Objekt. Also, ich nenne. Und wir haben nur das Einzige, was wir hier sicherstellen müssen. Sind das die Parameter hier? Diese Werte, die dort festgelegt wurden, entsprechen tatsächlich dem, was wir auf dem Server erwarten , und stellen Sie sicher, dass Ihre Werte übereinstimmen eso Es wäre typisch, wenn Sie andere Formularinformationen senden, Sie müssen sicherstellen, dass die Server tatsächlich auf die gleichen Informationen hören. Jetzt, wo ich eine Person eingerichtet habe, kann ich einfach so etwas tun. Aktualisieren Sie das, und aktualisieren Sie es. Und jetzt ist es nicht mehr in dieses Formular zu klicken. Es geht nur um die Objektinformationen. Und so ist dies nützlich für den Fall, dass wir einige Updates an diesem Objekt machen wollen, so dass wir etwas wie Person F Name tun könnten. Also genau wie was? Wir haben bereits mit den JavaScript-Objekten gearbeitet. Und wir können angeben, dass sich der Vorname tatsächlich ändern wird. Teoh, was auch immer dieser Wert hier ist, wir haben hier, also ha sh Wert und Wert eso. Jetzt schauen wir uns das an. Und jetzt können wir etwas eingeben und wir übergeben diesen Wert tatsächlich, weil wir, wie wir wissen, mit JavaScript-Objekten, sie eso aktualisieren können, obwohl wir sie gesetzt haben. Vielleicht haben wir dort einige Standardwerte, und sie ändern sich dynamisch innerhalb unseres Skripts. Wir können sie auch jederzeit aktualisieren. Solange es aktualisiert wird, bevor wir sie tatsächlich angerufen haben, ist das alles, was wir tun müssen. Also, jetzt können wir sagen, was immer wir darauf klicken, wir sind zurück auf das gleiche Szenario, in dem wir waren, bevor wir tatsächlich diese Informationen weitergeben und diese tatsächlich an das Objekt senden. Also eine Reihe von verschiedenen Optionen hier, die wir nutzen können Und erinnern Sie sich noch einmal, wenn Sie PHP einrichten möchten, müssen Sie einen lokalen Server auf Ihrem Computer laufen lassen oder Sie können darauf innerhalb einer Website zugreifen s in der nächsten Lektion, Ich werde Ihnen ein paar Online-AP-Augen zeigen, wo wir tatsächlich ein paar Anrufe tätigen und einige Daten zurückholen können. Also, das kommt in der nächsten Lektion. 12. 15 AJAX verbinden mit der Web-API erhalten Daten in HTML: in dieser Lektion. Lassen Sie uns einige Code-Updates machen und eine Verbindung zu einem Web herstellen. Ap I Also gibt es eine Web-API I bei I c und d b dot com und gibt Ihnen im Wesentlichen die Möglichkeit, sich mit einer Witzdatenbank zu verbinden, so dass Sie auch einige Parameter senden können. Also bin ich mir nicht sicher, ob dieser nie wirklich für mich funktioniert hat, also werde ich mir keine Sorgen machen, den Vor- und Nachnamen zu senden, aber wir werden aktualisieren, wie viele Witze wir zurückbekommen können und auch die Kategorie der Witze . Lassen Sie uns also ein Update auf unseren Quellcode machen, um zuerst Kategorie zu spezifizieren. Also suchen wir nach einer Kategorie, und wir werden die i d hier aktualisieren , um Katze und auch Nummer. Also müssen wir nach einer Reihe von Witzen suchen... Oh, das wird aktualisiert, um zu beenden, ähm, für die Zahl und wir werden den Klick auf mich Button in der Ausgabe behalten, damit wir einige der Witze setzen können . Eso Jetzt müssen wir angeben, dass Sie ein von dem sind, wo wir diese Witze aufnehmen. Das ist das, was du bist, höre ich. Also schnappen Sie sich einfach diese Informationen aktualisieren Sie unsere Sie sind l. Und so stellen Sie sicher, dass es richtig formatiert ist, so dass es keinen Abstand gibt. Und ich wollte auch hier Wert für die Zahl hinzufügen, weil wir hier taub sind. Mit G-Abfrage macht es also wirklich einfach, sich mit diesen Elementwerten zu verbinden. Also v a l können wir dieses Zeug hier drüben loswerden, und wir können unsere Kategorie angeben. Eso das Kategorie-Format ist in einem Neuformat, aber wir werden nicht nur wir gehen nur nur verwenden, dass ein Wert. Dort setze ich hier einige Standardwerte ein. Also eine der Kategorien war nerdy eso bei diesem speziellen ap ich Wir müssen sicherstellen, dass unsere Werte korrekt sind, dass sie im Einklang mit den Kategorien, die verfügbar sind. Wir werden es weitermachen,Default verhindern, Default verhindern, und die Daten, die wir aktualisieren, um zu bekommen, weil dies eine get Anfrage ist oder nicht. Wir posten nichts. Wir senden einfach nur einige Parameter und mit get können Sie auch Parameter senden. Also limit zwei ist der Parameter, den wir senden können, und, um, erstellen Sie das gepaarte Wertobjekt und mit dem Parameter, weil es ist, ist es als Array formatiert. Also müssen wir es auch in einer Rate aussehen lassen. Also werde ich schaffen, dass eine Rate diese eckigen Klammern für den Strahl und dann werde ich auch den Wert aufheben, den wir in Katze haben und gesagt haben, nicht vorbei. Das wird jetzt eine Katze sein, diese Informationen senden und vorerst werde ich mich ausloggen oder diese Werte kommentieren. Also lasst uns, ähm, also glaube ich, dass hier immer noch etwas nicht stimmt, also schauen wir uns mal an und sehen, was hier eigentlich passiert. Also brauchen wir nur eine Klammer. Es ist oh, jetzt lasst uns das gleiche im Browser versuchen. Also haben wir unsere beiden Felder hier. Wir haben eine nervöse Anzahl von Witzen. Wir können dies aktualisieren, wenn wir wollen Klicken Sie mich und wir zurückgezogen und Array. Von dieser Website kommend, haben wir den Strahl mit fünf verschiedenen Objekten hier bekommen und wir sehen, dass jedes dieser Objekte einen Witz hat und wir sehen auch hier, dass die Kategorie, alle Kategorien nerdy sind. Es nimmt also diese Informationen von unserer Website, die sie über einen p i e. Jacks Aufruf auf die Website sendet , und jetzt können wir diese aus diesen Daten zurück in unsere Webanwendung bringen . Wie wir zuvor gesehen haben, haben wir die Fähigkeit, es zu durchschauen und zu analysieren. All dies nutzt alle Objektinformationen, die innerhalb dieses Erfolgs zurückgegeben werden . Also lasst uns das wieder dahin bringen, wo wir jedes Datenobjekt haben. Wir haben einen Schlüssel und einen Wert, und wir sahen, dass wir abholen können und wir diese Werte ausgeben können, indem wir es anhängen. Ich bringe das hier wieder rein. Und vielleicht erst mal, lass uns gehen. Ich sehe einen kurzen Blick und sehe, welche Daten zurückkehrten. Die Daten sind also ein Objekt. Eso haben wir einen Objektwert, und der Wert ist, wo jedes dieser Objekte ist. Also müssen wir sicherstellen, dass wir angeben, dass wir hier drüben, die den Wert dort und innerhalb jedes Objekts zurückrufen , einen Wert für Witz haben. Also gehen wir zurück in die Daten, die zurückholen und wir haben Index, also sollte Index Witz tatsächlich jeden der Witze dort ausgeben. Sel l Lassen Sie uns öffnen ihren Browser und werfen Sie einen Blick auf diese und sehen, wie das funktioniert. Siehst du, wir schicken dieselben Parameter über. Vielleicht wollen wir acht Witze, und wir sehen, dass wir acht separate Witze ausgeladen haben. Alles, was wir tun, ist durch dieses zurückgegebene Objekt zu analysieren und es in unseren HTML zu setzen . Und wir können sehen, dass wir eine beliebige Anzahl von Witzen haben, die wir ständig zurückziehen können. Wir können die Kategorie der Swell aktualisieren. Also glaube ich, dass eine der Kategorien Chuck Norris s war. Also müssen wir nur sicherstellen, dass wir immer die richtige Kategorie dort verwenden, und wir senden die richtigen Parameter und wir können sehen, sobald wir das tun, dann sind wir tatsächlich Holen Sie sich die richtigen Informationen zurück. Also ein bisschen Schätze, vielleicht war es nicht Chuck Norris. Ich denke, dass es einige verschiedene Parameter gab, die dort aufgelistet wurden. Und im Wesentlichen, so können Sie mit verschiedenen AP Augen interagieren. Also ich denke, es hatte seine Fallsensitive Chuck Norris s. Also jetzt sieht es so aus, als würden wir ein paar Informationen zurückbekommen. Vielleicht nicht. Vielleicht gibt es in dieser Kategorie nichts, aber wir können sehen, dass wir in der Lage sind, zu nutzen und darauf zugreifen, dass ein p I, und dies öffnet die Tür, um verschiedene Daten aus verschiedenen Webquellen einzubringen. Die nächste Lektion beginnt Ihnen, wie Sie auch üben können, was wir innerhalb des Kurses durchgemacht haben. Probieren Sie es selbst aus und üben Sie die Arbeit mit Ajax-Anrufen und AP-Augen, die in der nächsten Lektion erscheinen . 13. 17 jQuery AJAX Kurs abschließen: in dieser Lektion machen wir einen kurzen Überblick über das, was wir in den vorherigen Lektionen gelernt haben, und ich werde Ihnen auch zeigen, wie Sie es selbst üben und ausprobieren können. In der vorherigen Lektion haben wir uns also angesehen, wie wir eine Verbindung zu einem Web herstellen können. Api I Also das war ein zufälliger Witz, AP. Ich war Aufklärer gesetzt den Wert der Witze, hob das auf. Wir könnten unseren Ajax-Anruf tätigen, einige Daten senden, um die Kategorie anzugeben, die wir betrachten möchten, und diese Informationen als Jason-formatierte Daten und bei erfolgreicher Verbindung abrufen . Was wir tun möchten, ist eine Schleife durch die Rückgabedaten und der Grund, warum ich Daten als Wert angegeben habe , ist, weil Sie immer schauen müssen, was Sie in Ihrem a p I zurückrufen . Also haben wir gesehen, dass unser Objekt die Route war, aber wir hatten eine andere Variable, die hier value genannt wird. Also, wenn ich gerade versucht habe, eine Zehenschleife durch die verschiedenen Objekte hier nur ein Objekt zu haben, weil das Objekt oder a innerhalb des Wertes enthalten ist. Aus diesem Grund musste der Wert innerhalb dieses Objekts angegeben werden. Eso Datenwert ist, warum was? Ich wollte es mir ansehen. Und das ist, wo ich tatsächlich diese drei eine seltene Objekte, die dort sitzen, dass ich Zehenschleife durch wollte und wir sahen, dass wir alle verschiedenen Werte haben und jeder so dass ich zurück zurück Witz ich bekommen kann Informationen und die gleiche Weise, wie ich den Witz ausgebe, kann ich auch die i d ausgeben. Also, wenn ich ein I d und so weiter bekommen möchte, kann ich die Daten ausgeben, die ich aus dem Web ap ich kommen wollte, und alles, was ich hier mache ist im ein anhängiges es an meine Ausgabelement, das gerade hier oben die G Corey-Verbindung zu dem Element macht, genau wie ich es hier getan habe , würde es mit dem Eingabeelement, dem Wert und der Zahleneingabe I de value verbinden . Das ist also, diese Werte aufzuheben, sie zu platzieren und automatisch den Quellcode, das JavaScript und J. Corey zu aktualisieren das JavaScript und J. , um es dynamischer zu machen und gibt uns die Fähigkeit Teoh, den Benutzer tatsächlich mit die a p I und zog die Daten zurück, die sie suchen und sehen, dass Daten visuell innerhalb dieser a p I So sehen wir jetzt, dass ich das schnelle Update gemacht und wir sind tatsächlich aus setzen die D. S eine Quelle. Wenn ich mehr Witze wollte, kann ich das eine Schwung aktualisieren und noch mehr Witze zurückziehen. Ich könnte dieses leer lassen eso was passiert, wenn ich es leer lasse? Also, abhängig von dem a p I, mit dem du arbeitest. Also, anscheinend können wir das von Blanca nicht verlassen, wir bekommen nichts zurück. Sie also immer sicher, dass sich mindestens ein Mindestwert darin befindet. Das ist so in dieser Kategorie hier. Bleiben Sie also bei Nerdy. Und dort können wir die Anzahl der Witze angeben. Das war also das. Dass eine Rate, die Kategorie und die Zahl. Stellen Sie also sicher, dass Sie wissen, was Sie auch in Ihrem Array erwarten. Und verwenden Sie den Konsul, um die Objektinformationen zu sehen, die Sie zurückrufen, was es viel einfacher macht, diese Objektinformationen aufzunehmen und innerhalb Ihres Jobs in Ihrem JavaScript-HTML auszugeben . Ich möchte Ihnen auch in dieser Lektion zeigen, wie Sie üben können, was wir in den vorherigen Kursen mit in den vorherigen Lektionen übergegangen sind , und es ist immer wirklich wichtig, diesen Schritt zu machen und selbst auszuprobieren und zu sehen, was Sie kann geschehen. Also, was ich tun werde, ist, dass ich den Quellcode, den wir verwendet haben, übertragen und ihn in Codestifte und Codestifte platzieren Eine wirklich gute Ressource, um einen anderen Quellcode üben zu können . So sehen wir hier, dass, sobald wir das HTML es bereit waren, jetzt mit den Jason Daten mit dem JavaScript zu gehen , wir in G Steinbruch hier hinzufügen können, speichern Sie es, und dies gibt uns Zugriff auf J Abfrage. Und jetzt kann ich einfach den J Coury-Code kopieren und einfügen und wir haben kein CSS, so dass wir diesen Teil überspringen können . Und jetzt, wenn ich sehe, dass wir sehen werden, dass wir auf mich klicken und wir haben genau die gleiche Funktionalität, die wir mit eso gearbeitet haben. Was das tut, ist dies gibt Ihnen die Möglichkeit, mit ihm ein wenig zu spielen. Erfahren Sie mehr darüber. Wenn Sie seine Ausgabe im Konsul wollen, können Sie das auch tun. Hier unten gibt es eine Taste für Konsole und so weiter und probieren Sie es einfach selbst aus. Ändern Sie einige der Eingaben. Die Ausgänge haben ausprobiert. Sehen Sie, was Sie erreichen können. Aktualisieren Sie einige dieser Schnur und nehmen Sie einige Anpassungen vor. Selbst wenn Sie versuchen, mit verschiedenen AP Augen auf DSI zu verbinden, bekommen Sie wirklich ein gutes Gefühl dafür, wie Sie mit Ajax Anrufe arbeiten können . Und wirklich, das Gute an Ajax verursacht. Es gibt keine Seitenaktualisierung, und es ist so ein nahtloser, nahtloser Übergang mit den Daten für die Benutzer des Benutzers kommen, sie werden nicht sehen, was wirklich passiert. Sie werden nur sehen, dass es eine wirklich gute Benutzererfahrung ist, wo sie auf eine Schaltfläche klicken können und sie erhalten eine Ausgabe passiert. So können Sie sogar einige dieser CSS aktualisieren, wo wir eine Grenze setzen können. Also ein Plektrum so schwarz. Also möchte ich es ein bisschen mehr wie ein Knopf hier Stampfen und Textvorbereitung aussehen lassen. Keiner. So sehen Sie, dass, sobald ich diese Updates mache, es tatsächlich Polizei es innerhalb dieses mittleren Containers eso innerhalb dieses, aber da drin und speichern Sie das wieder. Also nochmal, überprüfen Sie es selbst, probiert und sehen Sie, was Sie mit J. Corey und Ajax Ajax Funktionalität geschehen können. Und wenn Sie Ghee Abfrage hinzufügen müssen, klicken Sie einfach auf dieses Symbol hier. Dies öffnet die Build-out-externen JavaScript-Bibliotheken. Sie können J coury auch innerhalb dieser Funktionalität schnell hinzufügen. Und es gibt eine Menge Web-AP-Augen auf. Dies ist eine großartige Möglichkeit, Inhalte bereitzustellen und eine gute, nahtlose Benutzererfahrung zu schaffen , die Daten aus externen Quellen in Ihre Webanwendungen einbringt.