AJAX loslegen mit AJAX deine Web-Anwendungen aufs Neue | Laurence Svekis | Skillshare

Playback-Geschwindigkeit


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

AJAX loslegen mit AJAX deine Web-Anwendungen aufs Neue

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

17 Einheiten (1 Std. 31 Min.)
    • 1. Kursinformation in AJAX

      3:25
    • 2. Was wir in diesem Kurs abdecken

      4:11
    • 3. was ist AJAX

      3:38
    • 4. Dynamisches Formularfeld Prüfen mit AJAX JavaScript

      6:31
    • 5. XMLHttpRequest anfordern

      5:59
    • 6. AJAX senden GET POST

      6:00
    • 7. AJAX anfordern readyState

      6:09
    • 8. AJAX Dynamic Form Zusammenfassung Bewertung

      4:47
    • 9. JSON-Daten als Objekt in JavaScript und JSON-Datei mit AJAX

      6:03
    • 10. AJAX bereit Set gehen

      3:50
    • 11. AJAX JSON Dateiverbindung

      4:05
    • 12. AJAX response

      5:38
    • 13. Das InnerHTML aus der JSON-Datei erstellen

      11:07
    • 14. Zusammenfassung der JSON von JSON AJAX

      2:03
    • 15. JQuery AJAX Einführung

      5:01
    • 16. JQuery ajax Post mit callback

      4:38
    • 17. JQuery AJAX return error

      8:08
  • --
  • 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.

142

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Mit AJAX erstaunliche DYNAMISCHE Webinhalte erstellen mit JSON JQuery JavaScript für kein Seitenladen von Inhalten

Erfahren Sie, wie du ein DYNAMISCHES WEB-Formular herstellst, das AJAX verwendet, um sich mit dem back zu verbinden und Antworten zurückzugeben. Erfahren Sie, wie Sie die HTML mit dem BACK-END-Code interagieren lassen.

Erfahren Sie, wie du JavaScript zum Leben erweckt und alle Bausteine zeigen kannst, die du brauchst, um deine eigenen interaktiven JavaScript-Anwendungen zu erstellen.

Quelldateien enthalten!!! Keine verschwendete Zeit stehen wir an den Punkt. Viele Extras, die dir dabei helfen können, zu lernen.

In diesem Kurs zeigen wir dir, wie du einen sofortigen Benutzernamen prüfen kannst, der AJAX verwendet, um eine Verbindung zu PHP-Code herzustellen. JavaScript DOM zum Abrufen des Formularfelds und senden diesen Wert an das Back über AJAX. Callback vom Server und geben es dann in HTML mit JavaScript aus. Außerdem zeigen wir dir, wie du AJAX in JQuery verwendest, um das gleiche zu tun.

Wir zeigen dir, wie du JSON-Daten in JavaScript einstecken und als verwendbares Objekt zum Erstellen von HTML parst.

Alles, was du zum Erstellen von dynamischen JavaScript brauchst, ist in diesem Kurs verfügbar.

  • keine verschwendete Zeit beim Ansehen
  • quick werden auf den Punkt
  • voll abgedeckte Themen mit realen world
  • Quelldateien zum Herunterladen
  • Herausforderungen und Lektionen
  • Vertrauter Name in der Bildung seit 2002
  • Full HD einfach lesbare Quellcode
  • schnelle Unterstützung der Kursteilnehmer
  • regelmäßige Gespräche

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. Kursinformation in AJAX: Willkommen auf der nächsten Ebene der dynamischen Interaktion auf Ihrer Website mit Ajax. Und wenn Sie noch nie Ajax verwendet haben, während Sie wirklich beeindruckt sein werden, was mit Ajax gemacht werden kann , mein Name ist Lawrence und ich bin ein Web-Entwickler seit über 14 Jahren. Ich entwickle regelmäßig dynamische Webanwendungen, und Ajax ist definitiv eines meiner Lieblingstools, um wirklich mit Inhalten zu interagieren und einige dynamische Inhalte zu erstellen. Das Patchen von PHP-Konstruktorsprachen mit JavaScript und die Interaktion mit diesem dynamischen Inhalt macht einen Jack wirklich zu stehen und auf Jason-Dateien und Datendateien zugreifen zu können und das in Ihr JavaScript zu ziehen, ist das neue -Ebene von Inhalten, die in Ihrer JavaScript-Datei verfügbar sind. Sie müssen sich also nicht mehr mit einer Job-Skript-Quelldatei verbinden und sie als Objekt einziehen . Sie können wirklich eine dynamische Fähigkeit haben, Inhalte in einem lesbareren Format, das Jason ist, einzuziehen , und das geschieht alles über Ajax. Und in diesem Kurs werde ich mein Wissen über Ajax mit Ihnen teilen, würden mehrere Anwendungen bauen , also diese Luft einige nützliche wirklich gute Anwendungsfälle für Ajax. Einer von ihnen wird diese Formulardaten sein, wo wir eine Überprüfung durchführen können, um zu sehen, ob dieser Name bereits innerhalb des Servers genommen wird . Und wenn nicht, können wir zurückkehren, dass es verfügbar ist. Eso einfach, indem Sie es einfach eingeben. Sie haben wahrscheinlich diese Arten von Formaten schon gesehen, und das ist Ajax Das ist hier bei der Arbeit. Ein Schwung, der all diese Daten von Jason herauszieht. Also wirklich, wirklich erstaunliche Dinge, die Sie mit Ajax tun können. Wir haben also einen zam Server eingerichtet, um unsere PHP-Dateien zu hosten. Also haben wir das hier im Hintergrund laufen. Wenn Sie mit der Einrichtung eines lokalen Hosts nicht vertraut sind, haben wir einen zusätzlichen Kurs, der Ihnen Informationen zur Einrichtung eines lokalen Hosts bietet. Aber es wird für Sie nicht unbedingt notwendig sein, damit Sie Ajax üben können und weil dies Javascript sein wird und Sie nicht unbedingt PHP für diesen Kurs kennen müssen , denn wir werden einige grundlegenden Aspekt und Sie können tatsächlich einfach eine Textdatei mit welcher Antwort Sie wollen erstellen? Natürlich wird es nicht dynamisch sein, weil die dynamische Fähigkeit hier wirklich innerhalb des PHP-Codes getan hat. Wenn wir eine Verbindung über Ajax herstellen, aber Sie können damit arbeiten und eso Sie auch nicht unbedingt einen lokalen Host einrichten . Wir werden auch alle Links und Ressourcen zur Verfügung stellen, die wir während dieses Kurses im Ressourcenabschnitt dieses Kurses verwenden. Also ist es ermutigt, dass Sie tun Überprüfen Sie, dass heraus und Sie diese Informationen herunterladen. Wenn Sie keinen Texteditor haben, haben wir eine Auflistung einiger großartiger Open-Source-Texteditoren, die online verfügbar sind, die Sie auch herunterladen können. Ich möchte Sie herzlich zu unserem Ajax-Kurs begrüßen und loslegen. 2. Was wir in diesem Kurs abdecken: Willkommen zu unserem Ajax-Kurs. Ajax ist also die Abkürzung für asynchrone JavaScript und XML. In diesem Kurs führen wir Sie durch, wie Sie diese Art von Format erstellen, in dem wir Javascript verwenden , um den Server zu überprüfen. Also machen wir einen Ajax-Steinbruch zum Server, bringen eine Antwort und Ausgabe in dieser Antwort innerhalb unseres HTML und das Beste an Ajax zurück . Und das nützlichste ist, dass Sie keine Seitenaktualisierungen benötigen. So können Sie hier sehen, dass, was auch immer bei der Eingabe hier, dies tatsächlich über den Server geht, die Server, die diesen Wert überprüfen, um sicherzustellen, dass wir tatsächlich kein Array eingerichtet haben, und es überprüft, ob dies in ihrem Strahl ist. Und wenn es mindestens drei Zeichen lang ist und wenn es nicht in ihrem Strahl ist, sagt mir das, dass der Name verfügbar ist. Aber wenn ich einen Namen eintippe, der in diesem Ary ist, wird es mir sagen, dass ich mich nur an einen Namen erinnern muss, der genommen wird. Also haben wir Jack eso. Es sagt, der Name ist genommen. Eso gleiche Sache für John Name genommen wird, aber wenn wir etwas tun, eine Variation davon ist dies nicht verfügbar oder es ist verfügbar, weil es nicht innerhalb der innerhalb dieses Arrays zurückgegeben wird, die wir auf unserem Server verwenden. Wir führen Sie auch durch, wie Sie herausziehen, eine Jason-Datei verwenden und Inhalte auf Ihrer HTML-Seite erstellen können. Hier haben wir also eine Reihe von Inhalten hier mit einem Quiz mit einer Reihe von Fragen, mehreren verschiedenen Antworten gebaut und konnten tatsächlich erkennen, ob die Antworten richtig oder falsch sind . Eso einfach, indem Sie darauf klicken, können Sie sehen, ob es in unserem Konsul richtig oder falsch läuft, wir werden Ihnen zeigen, wie Sie eine Variation davon mit einer Jason-Datei machen und diese Daten mit Ajax ziehen , um Ihre HTML-Seite zu erstellen Anforderungen für diesen Kurs sind ein grundlegendes Verständnis von HTML. Wir werden nicht viel in CSS bekommen. Wir werden Boots Drop als Styling-Mechanismus verwenden, und wir haben kein CSS in irgendeinem dieser Kurse. Und wir könnten über grundlegende HTML sprechen, so dass Dibs aufnimmt, aber es ist wichtig, dass Sie es verstehen. Javascript und arbeiten mit der Morgendämmerung. Dann werden wir später im Kurs in die J-Abfrage eingehen und wie man Ajax auch in J Query verwendet . Also ein grundlegendes Verständnis von J. Query ein grundlegendes Verständnis von Javascript und Jason. Wenn Sie Jason noch nie gesehen haben, verwenden Sie Jason noch nie. Es wird wirklich einfach sein, abzuholen, also würde ich mir keine Sorgen machen. Aber es ist etwas, das wir in diesen Kurs einbeziehen werden, ist , Nun, wir werden Jason durchlaufen und das in dieser Jason-Datei als Datendatei in unserem HTML-Dokument hinzufügen. Wir werden auch alle Quelldateien einschließen, die wir während des Kurses verwenden werden , damit Sie sie hier oben auf meiner Seite sehen können. Hier ist also werden wir all diese Quelldateien einschließen. Sie werden also in der Lage sein, sie selbst herunterzuladen und mit ihnen zu arbeiten und den Code auszuprobieren . Daher ist es wirklich wichtig, den Code zu üben, um sich mit ihm vertraut zu machen und besser damit zu arbeiten und ihn anzupassen. Teoh, Anzug. Was auch immer Ihre Anforderungen für Ajax sind, also, wann immer Sie bereit sind zu beginnen, Lassen Sie uns beginnen. Öffnen Sie Ihren bevorzugten Texteditor. Und wieder, wenn Sie keinen Texteditor haben, haben wir eine ganze Reihe von Open-Source-herunterladbaren, die im Ressourcenabschnitt dieses Kurses verfügbar sind . 3. was ist AJAX: Willkommen zu unserem Ajax-Kurs, und in diesem Kurs werden wir durch das, was Ajax ist und wie man es benutzt. Ajax ist also keine Programmiersprache, aber es ist ein Standard, der verwendet wird, um vom Server zur Webseite zu kommunizieren . Ohne Inhalte auf der Website neu zu laden, sind Sie in der Lage, tatsächlich dynamische Ergebnisse zu erzielen. Und so was, in diesem Beispiel, was wir gerade betrachten, Also geben wir einen Namen ein und dies ist eine Simulation, ob Sie überprüfen möchten, ob ein Benutzername bereits existiert und wir können hier sehen, dass, wenn wir einen Benutzer treffen Name, der innerhalb des Systems existiert, sagt es Name genommen wird, haben wir auch die Möglichkeit, die Taste zu drücken, um die Überprüfung zu machen ist gut. Aber wir haben gerade die Key-Up-Funktion hier in Javascript gemacht, wo immer Sie tippen und den Schlüssel nach oben, dies überprüft hier, ein Swell eso, das Sie leicht in einem Formular arbeiten können. Und Sie sehen diese wahrscheinlich ziemlich oft, wenn Sie diese dynamischen Formulare haben, in denen Sie einen Benutzernamen erstellen können, wo er überprüft. Wenn der Benutzername verfügbar ist, wenn Sie in irgendwelchen Inhalten eingeben, tun Sie hier oben . Im Wesentlichen können Sie Ajax nur diese dynamische Fähigkeit haben, Inhalte auf Ihrer Website zu erhalten und sie zu ändern Wie Sie Inhalte hier drüben sind, können Sie es auch in Ihren Augen ändern. Wenn Sie mit Javascript arbeiten, funktioniert dies erstaunlich gut auf Ajax ist die Abkürzung für asynchrone JavaScript und XML. In einem anderen Beispiel werden wir darüber reden, wie wir eine ganze Jason-Datei laden und dieses dynamische Quiz hier nur mit JavaScript, Ajax und einer Jason-Datei erstellen können Quiz hier nur mit JavaScript, . Wenn Sie also die Quelle betrachten, sehen Sie, dass es hier wirklich keine Art von HTML gibt. Das ist alles von Jason geladen, und dann haben wir unsere Anfragen hier, also werden wir das auch durchmachen. In diesem Kurs gehen wir auch durch die verschiedenen Ajax- und JavaScript-Funktionen, und die einzige wichtige Sache zu erinnern, wo das Wichtigste an Ajax ist, dass Sie Inhalte auf Ihrer Website ändern können ohne eine Seite zu haben, neu zu laden, suchen, entladen externe Dateien und oder Formular-Einsendungen oder was auch immer Sie tun möchten. und ermöglicht es Ihnen, eine Antwort von einem Server zu erhalten. Und das erlaubt Gott Ihnen wirklich, eine Menge dynamischer Fähigkeiten in Ihrem HTML zu haben, nur indem Sie JavaScript allein verwenden? Ich bin gerade zur Jason-Akte gegangen. Und wie Sie hier sehen können, ist dies die Jason-Datei, die tatsächlich das Quiz erstellt, das wir uns vorher ansehen . Und Sie können sehen, dass es sehr unkompliziert ist. Es ist wirklich einfach zu bedienen und das ist der Standard, den wir verwenden werden. Bevorzugter Standard gegenüber XML. Es wird immer beliebter, Jason über XML zu verwenden, aber Sie können Ajax mit XML verwenden. Sie können es sowohl mit Jason als auch mit verschiedenen Rückgabequellen verwenden. Für die Daten vom Server würde ich Informationen setzen. Also hier drüben, verwendet das angrenzende Formular hier. Wir räumen nur den Server aus. Also klären wir auf den Server und wir überprüfen, ob diese Eingabe über die Eingabeinformationen von hier auf den Server gesetzt wurde und wir überprüfen nur, um zu sehen und der Server bestimmt, was wir hier unten unten setzen 4. Dynamisches Formularfeld Prüfen mit AJAX JavaScript: In der vorherigen Lektion hatten wir uns dieses Ajax-Formular angesehen, in dem Sie eine Informationen eingeben konnten und es würde eine dynamische Überprüfung an den Server durchführen , um zu überprüfen, ob es Verfügbarkeit für den Namen gibt. Also, wenn wir einen Namen wie John müde, sehen wir, dass das Ergebnis sein Name genommen wird. Wir haben auch einen Button hier eingefügt, um den Inhalt zu überprüfen. Eso Dies ist, wenn wir unser Formular erweitert haben oder wenn Sie einen anderen Trigger haben wollen, um die tatsächliche Ajax-Prüfung auf den Server s zu tun . Oh, das ist nur ein weiterer Trigger, der die gleiche Überprüfung auf den Server macht. Es wird also dieselbe Funktion ausführen. Sehen wir uns nun den Code und den Code hier unten für den HTML an. Also haben wir unser JavaScript hier an der Spitze und wir haben im Grunde eine JavaScript-Funktion eingerichtet und dann haben wir alle unsere Ajax-Informationen hier und dann unten , im Körper des HTML, haben wir bekam unser Eingabefeld und alles, was wir hier getan haben, ist, dass wir auf Schlüssel nach oben hinzugefügt haben und wir führen diese Funktion auf Taste nach oben. Also, wenn jemand mit dem Feld interagiert und sie mithalten, tut es das. Es führt diese Funktion, die eine Prüfung ausführt. Und tut, dass Ajax Anfrage über auf unseren Server. Also prüft in unserer Serverdatei die PHP-Datei sendet diesen Namenswert den Benutzernamen Wert aus dem Eingabefeld über den Server und führt dann eine Überprüfung durch. Und wie ich bereits erwähnt, diese Schaltfläche hier ist es derzeit nicht verwendet wird, wenn wir diese dynamische Überprüfung auf Schlüssel nach oben machen. Aber wir haben das hier in diesem Beispiel gelassen, um anzuzeigen, dass es verschiedene Möglichkeiten gibt, diesen Trigger zu starten eso Sie können auch Listing-Events und andere Arten von Möglichkeiten hinzufügen, diese Funktion auszulösen. Der Prozess ist also, dass, solange Sie die Funktion irgendwann oder auch immer diese Überprüfung notwendig sein wird, das ist, wenn es diese Funktion auslösen wird. Es wird diesen Aufruf an den Server zu machen und beginnen Sie einfach, die Serverdatei schnell zu betrachten . Das wird also nicht zu tief in PHP verwickeln. Was wir hier haben, ist, dass wir nur einen Namen haben. Also machen wir nur den Namen erhalten und gaben diese Benutzernamen Informationen in PHP zurück. So können wir es als Variable in PHP verwenden, und wir haben gesagt, Ah, Benutzer sind ray eso. Sie können dies auch anders machen. Wenn Sie eine Datenbank haben, können Sie eine Datenbankverbindung durchführen, um zu überprüfen, ob der Name I existiert oder was auch immer Sie tun möchten um diesen Inhalt einzubringen, den Sie Ihre vorhandenen Informationen überprüfen möchten. Und das ist es, was wir meinen, indem wir mit dem Server interagieren. Da JavaScript selbst nicht mit dem Server interagieren kann. Es benötigt also eine Konstruktorsprache im Hintergrund, um die Interaktion eso durchzuführen, ob es PHP ist oder ob es sich um eine andere Konstruktorsprache handelt oder wenn Sie einfach nur eine Ausgabedatei haben . Sie können Ajax verwenden, um mit dieser Ausgabedatei zu interagieren, so dass es sich nicht wirklich um irgendetwas handelt. Es schaut sich nur diese Datei an und überprüft, dass diese Antwortinformationen. Also, selbst wenn wir zu dieser PHP-Datei von selbst gehen würden und wenn wir etwas wie Name gleich John gemacht haben , kehrt es zurück. Der Name wird genommen. Wenn wir etwas darunter zurückgehen, sehen wir, dass das gleiche Ergebnis die braucht mehr als drei Zeichen, und das ist Ursache für diese bedingte Aussage. Eso innerhalb PHP machen wir nur eine String-Länge eso wir nehmen in diesem Wert, den wir von der Anforderungsvariable des Namens erhalten wurden, wurden in dieser Wert-Einstellung als Variable namens name genommen . Und dann hier drüben machen wir eine Saitenlänge. Wir überprüfen, um die Länge dieses Namens zu sehen, die unabhängig von der Länge der Zeichen in dieser Variablen verfügbar ist, wird hier zurückgegeben werden . Und wenn es weniger als vier ist, dann ist diese Bedingung erfüllt und wir Echo aus. Benötigt mehr muss mehr als drei Zeichen sein. Und wenn diese Bedingung nicht erfüllt ist, schaut sie sich anders an. Und das ist, wo wir ein paar andere haben. Eine weitere bedingte Aussage. Eso, sonst. Das ist also nicht erfüllt. Wenn es weniger als vier ist, legen wir das fest. Und wenn es mehr als vier ist, schauen wir uns diesen anderen Zustand hier und hier an. Wir machen nur einen Scheck, um zu sehen, ob es in ihrem Strahl ist. Also überprüfen wir, ob der Name im Array des Benutzers ist und ob er positiv zurückgibt. Also, wenn diese Bedingung wieder, wenn diese Bedingung wahr ist, wird es zurückkehren. Es wird sich einfach ausklingen lassen. Name wird genommen und andernfalls, wenn der Name nicht genommen wird, und es ist größer als vier. Das ist unsere Logik, und Ihre Logik kann unterschiedlich sein, je nachdem, was Sie mit dieser Form erreichen wollen . Eso muss nur sicherstellen, dass es Sinn macht, wenn man es durcharbeitet. Und wenn Sie mit PHP nicht vertraut sind, ist all dies eine sehr einfache, sehr einfache, bedingte Anweisung und echo gibt nur diese Variable oder diese String-Informationen auf der Webseite im Webbrowser aus. Das ist also alles, was es hier wirklich macht, und das ist, was diese PHP-Funktion tut. Und das ist die gleiche Funktion, die wir von unserem Ajax-Formular aufrufen. Und wir sehen hier, dass, wenn wir diese Ajax-Funktion ausführen, es in diese PHP-Gebührendatei abfragt und den Wert zurückgibt, der hier ausgegeben wird. Also lasst uns mehr in den Code des Formulars kommen, und wir können hier sehen, dass wir hier tun, dass wir uns öffnen. Wir machen eine get Anfrage, um dot PHP zu überprüfen und wir senden einen langen Namen gleich Benutzername . Und dieser Benutzername ist der Wert dieses Eingabefeldes, das wir hier aufgegriffen haben, also haben wir gerade den Benutzernamen aufgerufen und wir haben Dokument bekommen, erhalten Element durch i d Benutzernamen Punktwert und das gibt dies zurück. Was auch immer Wert verfügbar ist, wenn dieses Eingabefeld, es gibt als diese Variable zurück und ermöglicht es uns, dass in JavaScript zu verwenden. 5. XMLHttpRequest anfordern: in dieser Lektion werden wir mehr darüber erfahren, wie man diese Ajax-Anfrage aufschlüsselt und was all das bedeutet . Es sieht also aus wie ein bisschen Codierung, um dieses Ergebnis zu erhalten. Und es ist sicherlich viel einfacher, das mit Jake Sorge zu tun, was wir Ihnen auch in einer späteren Lektion zeigen werden. Aber es ist wichtig, die Grundlagen zu verstehen. Und mit JavaScript ist es ein bisschen einfacher zu verstehen, was wirklich hinter den Kulissen vor sich geht und was all das bedeutet, ist wichtig, um zu verstehen, was hinter den Kulissen passiert . Also hier haben wir diese H T h m l oder XML. Http-Anfrage und was wir tun, ist die Einrichtung dieses neuen H XML. Http Anfrage eso Was wir hier tun, ist, dass wir nur eine Überprüfung durchführen, um zu sehen, ob dies verfügbar ist . Und wenn dies nicht innerhalb des Fensters verfügbar ist, eso auch in diesem Kurs ist es wichtig. Verstehe, wie die Morgendämmerung funktioniert. Und wenn Sie mit dem Dom nicht vertraut sind, hier alle HTML-Elemente in Javascript geladen. Es ermöglicht uns Zehe haben Zugriff und Verwendung dieser Elemente Also, wenn wir etwas wie Konsole tun , Protokollfenster oder Konsolengesetz Dokument. Ich werde dir nur zeigen, was hier passiert, wenn ich zum Browser gehe. Also benutzen wir hier unsere Konsole. Wir verwenden Chrome, weil es nicht wirklich einen ziemlich guten Konsul hat, und wir können das tatsächlich ein bisschen größer machen, also ist es einfacher zu lesen. Und was wir hier getan haben, ist, dass wir gerade ein Konsolenprotokoll gemacht haben, und wir haben alle Werte aus dem Fenster in die Konsole geschickt, so dass es für uns lesbar ist. Und hier ist, wo wir alle diese verschiedenen Funktionen und Variablen und Werte, die zugänglich sind. Das ist also die Morgenröte, denn jetzt haben wir Zugang zu all diesen Informationen. Und für diesen, was wir tun, ist, dass wir eine Überprüfung durchführen, um zu sehen, ob Windows-XML-HTTP-Anfragen vorhanden sind. Und wenn es existiert und im Grunde alles, was bedeutet, ist, dass es nur überprüft, ob es ein moderner Browser ist. Und wenn wir in der Lage sind, um diese Art von Anfrage in diesem Browser eso hier machen wir sehen, dass wir es haben. Es gibt es. Die x XML-HTTP-Anforderung existiert tatsächlich. Eso Dies liegt daran, dass es ein neuer Browser oder ein moderner Browser ältere Browser wie I e fünf oder I E sechs Verwenden Sie aktives X anstelle des XML. Http. Bitte, äh, und das ist der Grund, warum wir das hier unten einstellen. Das ist also nicht wirklich notwendig für uns zu bedienen oder zu laufen, dass Ajax in Chrome aufgerufen hat , weil Chrome ein moderner Browser ist. Also nein, nichts davon ist wirklich relevant, bis Sie tatsächlich mit einem neuen älteren Browser darauf zugreifen. Und dann brauchen Sie diesen Activex für Ajax, um zu funktionieren. Das ist also für die älteren Versionen von I e D I E s fünf dh sechs und vielleicht sogar i sieben eso abhängig von der älteren Version. Das wird also immer weniger relevant, eigentlich. Also, wenn Sie das nicht einschließen und wenn Sie keine Leute in älteren Browsern erwarten, dann müssen Sie sich wirklich keine Sorgen darüber machen, aber in der Regel gute Praktiken, um es einzuschließen, nur für den Fall, dass jemand auf einem älteren Browser stößt und sie müssen Activex anstelle des HTTP-Anforderungswerts verwenden. Also mit der Morgendämmerung, können wir hier sehen, dass wir in der Lage sind, dieses neue Objekt zu erstellen und wir binden diese Objektinformationen als Ajax Anfrage genannt. Also setzen wir unsere Variable. Sie rufen auf Ajax-Anfrage an. Und hier drüben verwenden wir diese Variablen, und wir werden sie oft verwenden, wie Sie hier im Code sehen können, , dass wir das jetzt verwenden, da wir es als neues Objekt von XML definieren. Http, Anfrage und unbeständig wieder hier draußen, können wir sehen, dass wir hier einige Informationen haben, die wir durchschauen können und wir haben den Namen davon zu string. Und wir haben einige andere Informationen hier ist gut, darin. Entschuldigung, Jungs hatten eine empfangene Ladung. Und das ist nur die Kommunikation zwischen dem Unterschied. Http. Fordern Sie Objekte an. Eso Das ist es, was für diesen hier zurückgegeben wird. Und das gibt uns die Möglichkeit, diese Anfrage von unserem aktuellen Browser aus zu stellen. Und das ist wahrscheinlich einfacher zu verstehen, wenn Sie die Arbeit mit der Morgendämmerung s verstehen. Wenn Sie also nicht mit der Arbeit mit dem Dom vertraut sind, haben wir tatsächlich einen Kurs, der über alle verschiedenen Dämmerungsobjekte gehen wird und wie man die Morgendämmerung. Also gehen Sie zur nächsten Zeile. Also hier richten wir nur dieses Objekt ein. Und wenn wir nicht in einem modernen Browser einrichten können, richten wir das Objekt mit Activex für ältere Browser ein. Und das ist all das, was das tut. Also, was wir tun können, ist nur Raum, dass ein wenig, das ist, dass wir verstehen, dass wir das durchgemacht haben . Wir haben gerade dieses Objekt eingerichtet, das wir genommen haben. Wir haben es Ajax-Anfragen genannt. Also noch einmal, nur eine Variable. Du kannst es nennen, wie immer du willst. Und dann ist hier nur die Objektinformationen in diesem Wert einzurichten. Also all dies ist, dass dies nur bedeutet, dass wir in der Lage sind, Daten mit dem Server mit Ajax auszutauschen . 6. AJAX senden GET POST: Also schauen wir uns das Ende der Ajax-Anfrage an. Hier ist so hier. Wir haben eine Ajax-Anfrage. Also wieder, dieses Objekt in diesem zu verwenden, ist die Einrichtung dieser Kommunikation hinter den Kulissen. Also machen wir Ajax-Anfrage und wir tun offen und was das tut. Dies spezifiziert nur die Methode und dann das Mädchen, das wir verwenden werden, und ob es asynchron ist. Wenn wir also wahr sind, bedeutet das, dass wir synchron machen, wenn wir falsch sind, bedeutet das, dass wir synchron sind. Und der Hauptunterschied zwischen dem asynchronen und dem synchronen ist, dass asynchron. Wenn dies auf true gesetzt ist, bedeutet dies, dass wir auf eine Funktion warten, die ausgeführt wird, sobald die Antwort fertig ist. Also, sobald alles fertig ist, werden wir durchgehen und wir werden die Funktion ausführen, aber nur, wenn es ist, wenn das On ready State Change-Ereignis wahr ist. Und was das bedeutet, ist, dass, wenn wir einen Wert haben, der hier zurückgegeben wird, wir in der Lage sind, dies zu vervollständigen und das ist, was eine Sequenz asynchron und synchron ist. Und in den meisten Fällen werden Sie es auf true ein synchron setzen, aber wenn Sie es auf false setzen, dann müssen Sie tatsächlich diese Änderung beibehalten. Das ist get Element von I d Ergebnis in unserem HTML, Sie sollten das tun, nachdem das Senden abgeschlossen wurde, weil es nicht mehr synchron ausgeführt wird . Es wird es danach laufen, aber im Allgemeinen ist es besser, es als wahr zu halten, weil, wenn Sie irgendwelche Probleme oder Verbindungsprobleme haben, Sie wollen,dass Verbindungsprobleme haben, Sie wollen, es bis zum Gewicht durch , um die Folgefolge zu laden. Wenn es wirklich für diese Zehe notwendig ist, arbeiten Sie in Ihrem JavaScript. Und die meiste Zeit, wenn Sie sitzen in Ajax Funktion oder jeder Jacks Anruf, es wird ein ness n Shal-Teil von dem, was auf der Website passiert. Sie möchten es also als wahr festlegen, und es ist immer besser, es als wahr zu halten. Und dann haben wir hier natürlich natürlichdie URL, also senden wir nur all diese Daten über. Wir senden es wie in der PHP-Datei, die wir akzeptiert haben. Ich bekomme Anforderungswert, und so tun wir das hier. Ist das, dass dies uns erlaubt, diesen Namenswert wirklich einfach in Ah get einzubeziehen. Und hier haben wir überprüft PHP-Name gleich und dann den Benutzernamen Wert. Also wieder, der Unterschied ist zwischen get und post. Die meiste Zeit, je nachdem, was Ihre Anforderungen wieder sind, ist, dass es die Unterschiede zwischen get und post gibt. Und Sie müssen nur darauf achten, dass Get nicht so sicher ist wie Plakate, und wenn Sie eine große Menge an Daten senden, wird es viel schwieriger sein, sie zu senden und zu bekommen. Dann wäre es mit Post, weil Post wirklich keine Größenbeschränkungen hat. Es hängt natürlich von Ihren Servereinstellungen ab, aber Sie können eine ganze Reihe mehr Daten auf Post senden, dann können Sie erhalten. Und auch wenn Sie nicht möchten, wenn Sie nicht möchten, dass die Datei zwischengespeichert wird. Und wenn Sie eine Datenbank auf dem Server so etwas aktualisieren, möchten Sie sie vielleicht als Post senden, anstatt sie als get zu senden. Aber in diesem Fall, weil wir dort Ray haben, und es wird nicht wirklich etwas sein, das wir versuchen, für dieses Tutorial zu sperren . Wir halten es nur als get, aber wieder haben Sie diese Optionen, so dass Sie posten können. Aber dann müssen Sie auch das Format der Überprüfung entsprechend ändern, wenn Sie Post verwenden müssen und wenn Sie über Formulardaten verschlüsselte, sensible Formulardaten senden , müssen Sie diesen Postwert dort hinzufügen. Also, was ich getan habe, ist, dass ich hier gerade ein schnelles Update durchgeführt habe und ich auch in den Satz-Request-Header eso hinzugefügt habe, dass wir wissen, welche Art von Header-Informationen sind. Also, wenn wir einige Form datensensitive Formulardaten haben, wissen wir, welche Art des Inhaltstyps und dann unten unten, wir haben hinzugefügt, wo wir gerade die Sendefunktion dort hatten. Wir haben in Name gleich hinzugefügt und so sind wir in der Lage, diesen Benutzernamen zu übergeben. Also, wenn Sie hier zusätzliche Werte hatten, könnten Sie so etwas tun, indem Sie dieses und Prozent hinzufügen. Wenn Sie so etwas hätten, könnten Sie zusätzliche Namenswerte innerhalb dieser Art von Format hinzufügen. Dies wird nun auch über den Nachnamen senden. Aber das wird nicht nötig sein. Innerhalb unseres Beispiels werden wir das nur draußen halten. Eso Als ich den Beitrag hier geändert habe, musste ich auch den Beitrag in der PHP-Datei ändern. Und wenn ich hier rüber gehe und es auffrische, sehe ich, dass es immer noch funktioniert. Alles funktioniert immer noch wie zuvor, außer dass wir Post verwenden. Und jetzt, wenn ich es hier aktualisiere, sind wir nicht in der Lage, den Wert des Namens auf dieser PHP-Datei mehr zu erhalten. Es gibt also nur diesen Standardwert zurück. Also, obwohl, wenn wir über sechs Zeichen oder vier Zeichen gehen, es funktioniert nicht mehr, weil wir nicht haben, dass hier reinkommen, dass wir nur Post eso wieder. Wenn Sie Datenbanken verwenden, sollten Sie immer sicherstellen, dass Sie post verwenden, da Sie nicht möchten, dass jemand auf Ihre Datenbank zugreifen kann und eine Reihe von Abfragen an diese Adresse durchführen und auf diese Weise darauf zugreifen kann . Es ist immer eine bessere Idee, sicherer 7. AJAX anfordern readyState: In der letzten Lektion haben wir darüber gesprochen, Daten an den Server zu senden. Eso Was wir tun müssen, müssen auch in unserer Ajax-Anfrage enthalten, ist etwas, das zu behandeln, wenn wir eine Serveranfrage haben und wir in der Lage sind, Informationen vom Server zu erhalten und das ist, was das hier tut. Dies überprüft und empfängt nur diese Informationen und fängt die Daten ab, die vom Server zurückgegeben werden . Also hier drüben machen wir den Duft der Daten auf den Server. Und wieder, dies kommt dazu, warum wir true und asynchron verwenden, weil wir nach dem Laden suchen . Dann wird es nicht, die Funktion „Ready State Change“ auszuführen, und das wird hier enthalten sein. Also, wenn der Bereitschaftszustand gleich vier ist, wenn der Status gleich 200 ist, geben wir dies aus. Und was bereite Statusänderung bedeutet, ist, dass dies diese Funktion tatsächlich speichert und wann immer der Bereitschaftszustand ändert, also sobald dies in JavaScript gespeichert ist, also geht es durch und es liest all dies und es sagt, Okay, nun, sobald dies tatsächlich diese ready-Status-Funktion, sobald sie sich tatsächlich ändert, in der Lage war, diese Funktion auszuführen . Es erinnert sich also daran, und es weiß, dass es das ausführen wird, aber nur, wenn der fertige Staat wahr ist. Außerdem ist es wichtig, sich daran zu erinnern, dass jedes Mal, wenn sich dieser Bereitschaftszustand ändert, diese Funktion tatsächlich ausgeführt wird . Also, wenn es eine Änderung in diesem Bereitschaftszustand gibt, wird diese Funktion tatsächlich ausgeführt. Und so, wenn wir hier rüber gehen und wir sehen bereit Zustand gleich vier und wir überprüfen den Wert von Ready State und jetzt, wenn es gleich für tatsächlich in der Lage waren zu wissen, dass wir Antwort bekommen, dass die Antwort abgeschlossen wurde und dass wir in der Lage sind, unsere Daten zu erhalten. Und das ist, warum hier drüben diesen inneren HTML-Code auf unseren Antworttext gesetzt haben. Und wieder, das ist die Ajax-Anforderungsinformationen. Also habe ich in Ah, Konsole hier hinzugefügt , Konsole melden Sie sich von Ajax Anfrage ab. Nur damit wir eine bessere Vorstellung davon haben, was hier passiert, also wieder, sobald sich der Bereitschaftszustand ändert, wird es diese Funktion auslösen und diesen Code ausführen, und ein Teil des Codes wird jetzt zu Konsolensperren werden Ihnen zeigen können, was innerhalb dieser Formulardaten herauskommen, bis es eine Interaktion gibt oder bis die Funktion ausgeführt wird . Wir sehen eigentlich nichts von allem in der Konsole. Also, wenn ich die Funktion ausführe, sehen wir, dass wir diese XML-HTTP-Anfrage haben und wir unsere zurückgegebenen Informationen erhalten haben. Eso hier, wir haben unsere Antwort. Wir haben auch unseren Antworttext hier. Wir haben die Antwort. Du bist ich und das ist dieser Status, nach dem wir suchen. Also Status von 200 und wir haben unsere Bereitschaftszustands-Funktion. Also wieder, dies ist wieder Dies ist eine Funktion, die, wenn es sich ändert und wir hier sehen können, gibt es sehr minimale Informationen hier. Aber es gibt einen Funktionsumfang und einige zusätzliche Informationen, auf die wir nicht wirklich eingehen werden. Aber es ist nur wichtig, sich daran zu erinnern, dass dies eine Funktion im Gegensatz zu etwas wie Antworttext ist. Und das gibt nur diesen String-Wert sowie Statustext zurück. Es ist OK, Eso Dies gibt uns nur ein Feedback darüber, was mit diesem Ex-XML http passiert, Anforderungswert und bereits Zustand wieder. Es sind vier. Das ist der Grund, warum wir nach einem Bereitschaftszustand von vier suchen, und das bedeutet nur , dass wir wissen, dass es abgeschlossen ist. Und wir wissen, dass der Status gleich 200 bedeutet, dass er ein Erfolg ist. Also, wenn Sie es nicht auf Erfolg haben wollen, wenn Sie Server sind, gibt etwas anderes als einige Statuswerte zurück. Also, wenn Sie wie ein 400 oder was auch immer Sie das innerhalb des Servers einstellen, möchten Sie vielleicht verschiedene Optionen dafür betrachten. Ein Schwung. Aber wir betrachten nur den Standard eines Erfolgs hier und einen erfolgreichen, ähm, fertigen Zustand von vier. Und das ist alles. Alles, was bedeutet, dass wir nur zurückgenommen werden, und wir sehen, dass es einige Daten gibt, die tatsächlich hier und wieder zurückgegeben werden . Dies könnte auch wirklich angepasst werden. Und Sie können sich die verschiedenen Zustände ansehen, ob Erfolg oder Fehler oder Fehler, und Sie können die Daten entsprechend ausgeben. Hier haben wir also, was passiert, wenn diese beiden Kriterien erfüllt sind. Also, wenn der fertige Zustand gleich vier ist und Status gleich 200 ist, werden wir noch Element nach I D Ergebnis dokumentieren und das ist ah, dieses Element und wir ändern nur diesen inneren HTML und wir laden wieder ein, dass Ajax anfordert. Also das gleiche, was wir im Konsolenprotokoll hier haben und wir haben unseren Antworttext. Und so gehen wir zurück zu unserer Konsole. Siehst du das? Was wir tun, ist, dass wir das laden. zurückgegebenen Informationen müssen aus mehr als drei Zeichen bestehen, und die zurückgegebenen Informationen ändern sich. Wenn wir jetzt nach unten gehen, können Sie sehen, wie viele verschiedene Anfragen gestellt wurden. Und hier sehen wir, dass sich die Antworten ändern, also sollten alle diesen Status zurückschicken 200. Wenn wir dort und wieder etwas Antworttext haben, können Sie einen dieser Werte herausziehen und den Daumen verwenden. Wenn Sie also sehen wollen, was die Antwort Sie sind, ich ist, wenn Sie das protokollieren möchten oder wenn Sie das irgendwo schreiben möchten, könnten Sie das auch herausziehen 8. AJAX Dynamic Form Zusammenfassung Bewertung: in dieser Lektion. Wir werden nur eine kurze Überprüfung aus dem Formular Dokument das Formular HTML und das JavaScript daran beteiligt. Wie wir hier sehen können, haben wir unsere Grundform. Was es tut, ist, dass es den Server abfragt und nur überprüft, ob diese Namen verwendet werden . Und im Moment haben wir es einfach auf den Schlüssel. Und was passiert ist, wenn wir einen Schlüssel haben, wird diese Funktion ausgeführt. Also ist es nur ein einfaches JavaScript hier innerhalb des Eingabefeldes s Wir verwenden diese Schaltfläche nicht wirklich , aber wir werden es hier auf auch diese halten Diese Datei wird in den Dokumenten dieses Kurses verfügbar sein . Eso Wenn wir mithalten, läuft es die Funktion, und das ist die Funktion. Also haben wir diese Funktion hier als Ajax-Anfrage eingerichtet. Wir nehmen den Benutzernamen Wert aus diesem Feld, so dass ich d Benutzername. Wir nehmen diesen Wert auf, indem wir Element durch i d Punktwert erhalten, um diese Wert-Informationen zurückzugeben . Und dann, was wir hier tun, ist, dass wir auf HTTP-Anfrage eso tun, wenn das Fenster die XML-HTTP-Anforderungsfähigkeit hat . Und dann wird es Ajax-Anfrage als neue XML-HTTP-Anforderungsfunktion festlegen und wenn es nicht verfügbar ist . Wenn das Fenster also kein modernes Fenster oder kein moderner Browser ist, sollte ich sagen, dass es als Activex- oder Activex-Objekt eingerichtet wird. Und so, sobald eso diese Luft das gleiche tun, nur abhängig vom Browser ist so jetzt, dass wir Ajax Anfrage eingerichtet haben, die diese Objektinformationen halten wird. Wir sind in der Lage, Ajax Request zu verwenden und den Ready State zu überprüfen. Und was das tun wird, ist, wenn sich der Zustand ändert, es wird wissen, dass es diese Funktion ausführen wird. Es wird den Bereitschaftszustand des Wertes überprüfen. Eso kehrte zurück. Wir suchen nach einem Bereitschaftsstatuswert von vier, was bedeutet, dass es Daten gibt und es bereit ist und 200 nur bedeutet, dass der Status erfolgreich ist. Und von hier aus machen wir es einfach wieder. Holen Sie sich Element durch i d Ergebnis und das ist gerade hier drüben. Ich habe das Ergebnis gesetzt, dass innere HTML auf Ajax-Anforderungstext gesetzt wird. Also verwenden wir dieses Ajax-Anforderungsobjekt und wir ziehen diesen Antworttext zurück, und das war das gleiche, was wir in der Konsole suchen. Also, im Grunde füllt das Inter HTML mit den Werten aus, die von dort zurückgegeben werden und dann weitergehen. Wir machen das nur. Wir verwenden Post jetzt, eso, bevor wir get verwenden und wir senden den Wert über und bekommen. Aber innerhalb dieses haben wir aktualisiert, um zu posten. Dies ist also wieder sicherer, weil wir Formulardaten senden, die wir in dieser Anfrage Headers übergeben mussten . Und hier drüben haben wir Scheck. Also das ist nur, dass Sie, Earl oder an der Stelle dieser Serverdatei, mit der Sie interagieren möchten und die Daten wieder an sie senden möchten, es muss nicht unbedingt PHP-Datei oder irgendetwas anderes sein. Es könnte buchstäblich jede Art von Datei sein. Und was auch immer in dieser Datei ausgegeben wird, es wird nur innerhalb dieses Feldes hier im Wesentlichen ausgegeben, das ist alles, was diese Funktion wirklich tut. Aber wir, weil wir hier einen Servercode haben, sind wir in der Lage, es dynamischer zu machen, so dass es nicht nur einen Satz von Werten zurückgeben würde. Es gibt irgendetwas zurück, das hier geschrieben wurde und dann die Letzten hier, die wir tun? Wenn wir unsere Sendung machen, mussten wir über Ah senden, Wert des Benutzernamens. Und wieder ist dieser Benutzername der Wert, der in diesem Eingabefeld verfügbar ist. Und alles, was wir tun, ist, dass wir das hier drüben bei Ajax abholen. Anfrage und Benutzername hier. Dokument erhalten Element von i. D Benutzer mit dem Namen Value. Also können wir das auch hier unten machen. Ein Schwung, wenn wir wollten, aber normalerweise ist es besser, das nur auszubrechen und es als Variable zu verwenden. Und wieder, Get zu verwenden, wird tatsächlich schneller sein. Aber wenn Sie viele Daten haben und wenn Sie sichere Daten benötigen, sollten Sie Post verwenden und dann alles, was wir hier unten haben, ist, dass wir unseren Standard-HTML haben . Dies ist also nur ein Eingabefeld, eine Schaltfläche und ein Diff. Und wieder, diese Seite, der Code für das Formular wird in den Quelldateien dieses Kurses s verfügbar sein. Sie sind herzlich eingeladen, das herunterzuladen und damit zu arbeiten und auszuprobieren, dass 9. JSON-Daten als Objekt in JavaScript und JSON-Datei mit AJAX: in der vorherigen Lektion haben wir uns mit dem Laden und der Kommunikation mit einem Server einige dynamische Inhalte mit Ajax zurückbekommen. In dieser Lektion werden wir auch darüber sprechen dynamische Inhalte vom Server erhalten. Aber dieses Mal wird diese Ajax-Datei tatsächlich aufbauen, wo sich diese Ajax-Verbindung mit einer Jason-Datei verbinden wird , und sie wird all diese Fragen aufbauen, die wir haben, und es wird dynamisch diese Quiz, dass wir, die wir erstellt haben. Also das ist alles nur mit Ajax, Jason und Javascript. Also, jetzt werden wir den Code und den Code für dieses Dokument durchgehen, dass HTML sehr einfach sein wird . Alles, was wir haben, ist ich d gleich Ausgabe. Wir verwenden Bootstrap eso Boots. Drop erlaubt uns nur ein bisschen mehr Styling und einige visuell ansprechende Teile zu unserer Form zu haben. Also ist es eigentlich nicht notwendig. Also, wenn ich das einfach ausziehe, und wenn ich wieder in das Formular gehe und wenn ich es auffrische, wird es etwas anders aussehen. Es ist also nicht so gestylt. Und wenn Sie nicht mit Bootstrap vertraut sind, haben wir einen weiteren Kurs, in dem wir auch über Bootstrap sprechen. Und es funktioniert wirklich. Wo können Sie Inhalte erstellen. Wirklich nette Inhalte. Schnell. Es ist ah CSS HTML JavaScript-Framework. Das spart Ihnen wirklich viel Zeit. So lohnt es sich, in seine ermöglicht es Ihnen, Responsive Design zu suchen. Also, was wir hier getan haben, ist, dass wir gerade unseren Ausgang haben und hier verbinden wir uns. Also zunächst, was wir in früheren Kursen gemacht haben, wo wir unsere Jason J s und dann sind wir in der Lage, all diese Informationen aus dieser Jason-Datendatei zu analysieren. Also, wenn wir so etwas wie Jason Js eso haben, was das ist, richtet das nur ein Datenobjekt ein und es gibt uns Informationen innerhalb dieses Objekts. Also könnten wir das buchstäblich in unsere Akte bringen, und wir könnten es als Jason analysieren. Und wenn wir das tun, sehen wir hier, wenn wir diese Seite laden. Also hatte ich für eine NCAA die gemeint, also werde ich das einfach in die Konsole auffrischen. Und das ist nur für Demonstrationszwecke. Dies ist nicht wirklich die Jason-Datei, die wir verwenden werden, aber Sie können hier sehen, dass unp arsed es einfach ist Es ist kein wirklich verwendbares Format für Objekte, aber wenn wir es analysieren, sehen wir, dass es ein verwendbares Format für Objekte wird in der Lage, durch diese verschiedenen Objekte zu gehen. Wir sind in der Lage, etwas wie Inhalt und Inhalt Header auszusuchen und konnten all diese Informationen in HTML-Seite aufbauen eso Wir haben gerade ein Beispiel dafür hier, wo, wenn wir aufbauen wollen, Jason Page, Wir können uns jetzt ansehen, wo wir das als Objekt hergebracht haben und wir auf Seite gehen können, wir können Hauptseite s sehen Oh, das wird Jason Punktseiten werden gleich Hauptseite sein. Und wenn ich das aktualisiere, sollten wir sehen, dass wir in unserem Konsul Logbuch hier eine gemeine Seite haben. Also, was es tut, ist, dass es all dies platziert hat, einige Jason-Typdaten als Objekt und es macht es zu einem nutzbaren Objekt in Javascript. Und wenn ich auf eine Seite wie Jason Lint gehe, können Sie sehen, dass es nicht wirklich gut funktionieren wird, weil wir immer noch diese variablen Daten haben, das ist immer noch eine JavaScript-Datei, und wenn ich diesen Code auskopiere und ich gehe zu Jason Lint, wir werden hier ein paar Fehler bekommen. Und das liegt daran, dass wir diesen Jason-Wert definieren. Wenn wir also die VAR-Variablendaten entfernen würden, könnten wir das einfach tun, indem wir so setzen. Und wenn wir validiert haben, wird es gültig, Jason. Aber das Problem ist, dass, wenn ich das so kopieren und einfügen würde, es tatsächlich nicht tut. Es ist keine lesbare JavaScript-Datei mehr. Also, wenn ich es war, gehen Sie zurück zu diesem lokalen Host, um zu sehen, dass ich hier einige Fehler bekomme, weil diese Datei nicht mehr in JavaScript lesbar ist, weil sie sie nicht als Objekt oder ein lesbares Objekt festlegt . Also muss ich tatsächlich zurückgehen und auf diese Weise formatieren, weil denken Sie daran, dass dies immer noch eine Java-Skriptdatei ist und dies wirklich nicht der ideale Weg macht, um den Code auf die Seite zu bekommen . Obwohl es funktioniert, ist es nicht der ideale Weg, Jason Jason-Daten auf Ihrer Seite selbst zu verwenden, weil Sie nur einen Wert und ein Objekt festlegen und Sie so durcharbeiten. Also werden wir das alles auskommentieren, weil wir nicht wirklich daran arbeiten müssen . Ich werde das alles aus der Akte holen, und wir werden tatsächlich mit unserem Jason arbeiten, unserem Quiz, Jason-Akte. Das wird also auch auf ihrem Server liegen. Sie können hier sehen, wenn Sie zu Quiz Punkt Jason gehen, das ist ein sehr lesbares Format. Und wenn ich das alles rausnehmen sollte und wenn ich es zum Jason-Fussel bringe und es bestätige, dann ist es wieder gültig, Jason. Das ist also ein guter Weg, um mit Jason zu arbeiten, aber wir müssen Ajax verwenden, um diese Jason-Daten einzuziehen, um sie in JavaScript nutzbar zu machen . Also werden wir Ihnen zeigen, wie man das in den kommenden Lektionen macht. 10. AJAX bereit Set gehen: Also, zunächst betrachten Sie das und denken Nun, Sie wissen, dass dies viel anders ist als die Form, in der wir tatsächlich diese Anfrage gestellt haben. Wir hatten einige Daten übersandt und auf dem Schlüssel nach oben, fragten wir an den Server, aber es ist eigentlich nicht so viel anders. Wir machen immer noch diese Ajax-Anfrage, und alles, was wir tun, ist, wenn die Seite oder die Website initiiert, wir rufen nur über diese Funktion. Und im Wesentlichen ist das alles, was wir hier drin haben. Wir haben Onley diesen HTML-Code eingerichtet, um dies zu tun. Dies ist unser im Wesentlichen oder Container unser Ausgabe-Container, wo durch JavaScript die Ausgabe HTML innerhalb dieses Containers und dann innerhalb der Skript-Tags schwächen . Was wir haben, ist, dass wir nur diese Funktion aufrufen. Und jetzt lädt das Ajax die Seite tatsächlich. Also werden wir nicht auf irgendetwas warten, was irgendeine Art von Auslöser für Raj Dysfunktion auslöst. Möchten Sie, dass Dysfunktion sofort ausgeführt wird und alle Informationen aus der Jason-Datei direkt in unser HTML auffüllt , damit der Betrachter sie im Browser sehen kann. Und wir müssen eigentlich keine Informationen übersenden, weil das noch einmal. Dies ist eine Jason-Datei, die wir aufheben und wir ziehen zurück in unser JavaScript um es zu verwenden und diese HTML-Seite auszubauen. Und das werden wir in den späteren Lektionen durchmachen. Wie wir das aufbauen, geben Sie HTML ein und wie machen das und auch einige zusätzliche Optionen, die wir in diesem Quiz hinzufügen können eso für jetzt, was wir hier tun. Wir verbinden nur die Ausgabe, um Element durch i d Ausgabe zu erhalten. Also wieder, wenn Sie nicht mit der Morgendämmerung vertraut sind, haben wir einen anderen Kurs, der Sie durch die Verwendung des dom und wie alles funktioniert innerhalb des dom. Aber für diese Lektion ist es nur wichtig zu verstehen, dass wir diese Variable einrichten. Und das ist, wo wir ausgeben werden. Sind Inhalte, sind jedes HTML Also verwenden wir nur, dass hier unten später. Und all dies tut, ist das Füllen dieses div mit diesem inneren HTML und hier sind wir nur durchschleifen und bauen diesen HTML und dann auch genau wie das, was wir vorher in der Form getan haben , die Variable gesetzt haben, die wir unsere verwenden werden, sind Objekt. Also nochmal, wir hatten es namens Ajax Request. Hier, hier. Wir haben es gerade Ajax genannt. Aber nochmal, Sie könnten es benennen, was Sie wollen, solange es nur sinnvoll ist. Wann immer du die Kälte durchliest, also bist du in der Lage, es wieder an Okay zu binden, nun, das war Ajax, und das ist, was ich mehr getan habe, meine Ajax-Anfrage. Und dann ähnlich wie das, was wir in der Form hier hatten. Wir haben nach diesen XML HDP p Request-Funktionen gesucht. Und wenn das in diesem Fenster verfügbar ist, so dass es im Browser verfügbar ist, wird es durchlaufen. Also für alle modernen Browser wird dieser Wert wahr sein. Und wenn es wahr ist, dann ist diese Bedingung erfüllt und Ajax entspricht neues XML. Http, Anforderungsmethode und es wird all diese Informationen als Objekt einbringen. Und hier, wenn es nicht wahr ist, Also, wenn es kein moderner Browser ist und wenn dies nicht verfügbar ist, wird es versuchen, ein aktives X-Objekt zu tun, und das sollte wieder abdecken, wie wir vor I e fünf und ich e sechs erklärt. Und das ist die Einrichtung dieser grundlegenden Ajax-Funktionalität. Und danach sind wir bereit, mit dem Buben zu gehen, den wir in der nächsten Lektion durchlaufen werden . 11. AJAX JSON Dateiverbindung: so folgend, was wir im letzten Abschnitt gemacht haben, wo wir das Formular eingerichtet haben wir unsere nächste haben wir also eingerichtet und wir haben unseren Browser überprüft, um zu sehen, welche Version es ist und wie wir in den Objektinformationen über die Benennung bei Ajax laden. Also dieser hier ist ein bisschen anders. Wir nannten es gerade Ajax. Und so hier machen wir Ajax Dot offen und wieder, das gleiche, was wir hier unten gemacht haben. Schon wieder Eso. Der Befehl ist nicht so wichtig. Eso haben wir das auf bereit Zustand Funktion unten eso hier haben wir es gerade oben bewegt. Aber wieder, das wird nicht wirklich wichtig, denn solange es weiß, dass, wenn sich der Zustand ändert, die diese Funktion ausführen wird. Und so legen wir das eigentlich unten, weil wir diesen Inhalt zuerst durchgehen wollen und dann die Informationen über den Bereitschaftszustand ändern möchten. Eso wieder verwenden wir nur get, weil diese Jason-Datei, es ist es, es ist es ist es online verfügbar sowieso. Eso, wenn wir gerade zu Punkt Jason gegangen sind, können wir vielleicht sehen, dass Jason-Akte, also machen wir uns keine Sorgen um Sicherheit, wie wir mit dem Formular im letzten waren. Also verwenden wir nur get und wieder, wir wollen das asynchron verwenden. Also wollen wir, dass alle Akten zuerst abgesenkt werden. Und dann, wenn es fertig ist, wird es das machen, um diese Ausgabe zu erstellen. Und dann haben wir neben dem offenen Request-Header gesetzt. So ähnlich wie wieder in der Form, in der wir diese Form Earl codierte Typdaten gesetzt hatten. Also der Inhaltstyp diesmal der Inhaltstyp, den wir tun, ist Anwendung, Jason und wieder, wir setzen das wahr, ähnlich wie wir es in der Form oder standardmäßig getan haben. Es wäre wahr gewesen. Eso hier senden wir nur diesen Anforderungssatz Request Header, und das lässt uns einrichten, um diese Jason Data zu erhalten, und dann hier, was du in der nächsten Lektion durchlaufen wirst, wird der Ajax auf Ready State Change sein . Also nochmal, es sucht nach diesem Bereitschaftszustand. Und wenn es fertig ist, wird es durchlaufen und den ganzen Code dort ausführen. Und dann endlich, hier haben wir gerade Ajax dot send und eso. Es gibt keine Informationen, die wir senden. Es gibt keine Werte, die eso gerade null platziert hat. Sie können es leer lassen oder Sie können es einfach zitieren. Oder du könntest alles da reinlegen, wenn du willst. Und dann schließlich habe ich dieses Ausgabepunkt-Inter HTML-Laufwerk gerade gefunden. Und wenn wir eine schnelle Aktualisierung machen, sehen Sie vielleicht, dass die Suche dort für eine kurze Sekunde auftaucht. Eso Dies ist, wenn wir einige Probleme tatsächlich haben, diese Seite zu bekommen oder sich mit diesem Job zu verbinden . Jason-Akte. Wir wollen das Finden dort oder irgendeine Art von Spinner dort haben, damit der Benutzer weiß dass es einige Daten gibt, die uns laden. Wir wollen nicht, dass sie hierher kommen und sehen, während es eine leere Seite gibt eso was bedeutet das Rate? den Fall, dass Jason-Datei nicht geladen wird, aus welchem Grund auch immer, können wir nicht darauf zugreifen. Wir wollen etwas haben, damit der Benutzer sehen kann, wenn er auf diese Webseite kommt und sagt: OK, nun, nun, jetzt findet er immer noch diese Datei. Dies ist also nur eine Nachricht an den Benutzer. Aber was hier passiert und dann letztendlich Dysfunktion, werden wir das später umsetzen. Und das alles, was das tut, ist diese Überprüfung, ob meine Antworten richtig oder falsch sind und nur diese Antwort in die Konsole setzen. Und natürlich könnten Sie dies durcharbeiten und Ihre eigenen, nicht Antworten hier innerhalb dieser Fragen erstellen. Also in der nächsten Lektion werden wir durcharbeiten, wie wir Jason verwenden, und wir analysieren Jason, wie das, was wir hier am Anfang gemacht haben. Und dann wird es in einem nutzbaren Format analysiert, das wir dann in den HTML-Code ziehen und unseren HTML-Pfirsich ausbauen können . 12. AJAX response: Also wieder, ähnlich wie das, was wir getan haben, informierte html Wir suchen nach diesem auf Zustandsänderung, diese Bereitschaftszustandsänderung. Und sobald sich der Staat ändert, suchen wir nach einem Zustand von vier und einem Status von 200. Das bedeutet also, dass all diese Jason-Informationen, die Jason-Datei geladen hat, also Quiz Dot Jason geladen hat. Und wenn diese Bedingung wahr ist, und wenn wir die Daten jetzt dort haben, können wir diese Daten verwenden und das tun wir. In dieser Lektion werden wir darüber sprechen, und wir werden durch all die verschiedenen JavaScript-Kälte sprechen, die wir hier eingegeben haben . Also viel davon ist nur das Styling, dass die Ausgabe eso alles, was wir wirklich anfangs betrachten dieser Ajax-Antworttext sein wird. Also wieder, das gleiche, was wir hier zurück kamen, wo wir einen Antworttext bekamen, wir haben ihn einfach innerhalb des inneren HTML platziert. Und das war nur ein sehr einfacher Text, der von hier zurück kam, wo ich tatsächlich etwas komplexer habe, weil wir eine Jason-Datei verwenden. Also müssen wir den Jason so analysieren, als würde das, was wir hier gemacht haben, heute analysieren und es in ein verwendbares Format es als Datenobjekt platzieren. Und wieder, dies ist nur ein Variablenname. Du kannst es nennen, wie immer du willst. Eso rief gerade eine Daten an, um den Punkt wirklich zu vereinfachen, dass dies Daten sind, die wir von Jason eso hier erhalten haben . Wir haben unsere Ausgabe in unserem HTML. Also löschen wir nur alle Eingaben, die da sein könnten, falls wir mehrere Fragen laden möchten . Mehrere Quiz. Eso könnte die Fähigkeit nutzen, das zu tun. Wir können das sehr normalerweise durch das Senden verschiedener Jason-Dateien oder Quellen festlegen oder was auch immer wir tun wollen. Eso das löscht nur, dass Inter html und ich wollte ungewöhnlich diese Konsolenprotokolle und so können Sie sehen, was tatsächlich reagiert wird. Es wird also ein Datenquiz,einen Inhalt und einen Datennamen machen , ein Datenquiz,einen , denn wenn wir auf die Jason-Datei zurückblicken, haben wir hier zwei verschiedene Objekte, also haben wir Namen. Also der Name davon ist mein Quiz, ich und dann Quiz-Inhalt. Und das ist der gesamte Inhalt, der in diesem Quiz verfügbar ist. Also wieder, viele verschiedene Möglichkeiten, dies zu formatieren und dieses eso zu stylen, wollte ich alle Quiz-Inhalte auf einer Seite. Wenn Sie alle Fragen auf separaten Seiten wieder wollen, eine ganze Reihe von verschiedenen Möglichkeiten, um die Jason-Datei zu formatieren und dann in der Lage zu sein, ein durch in Ihrem JavaScript zu lesen und es als html eso hier auszugeben. Wir stellen gerade diesen Quiz-Inhalt ein und wir bekommen diesen Datennamen. Also nehmen wir den Antworttext an. Und hier wollte ich eigentlich nur mehr mit Jason-Informationen und Jason-Datei über die Ajax arbeiten , denn sobald wir hier fertig sind, haben wir tatsächlich unseren Ajax-Prozess abgeschlossen und wir haben diese Informationen von der Server, und jetzt geht es nur darum, damit zu arbeiten und ihn so aussehen zu lassen, wie wir aussehen wollten. Also, wenn ich die Seite aktualisiere, können Sie hier sehen, dass ich den Namen des Quiz zurückgekehrt bin. Also das wieder, das kommt von diesem Ajax-Namen oder jenem Jason-Namen und dann haben wir Objekt, Objekt, Objekt zurückgegeben Objekt, . Und hier können wir sehen, dass wir ein Objekt haben, aber es enthält alle vier Fragen als separate Objekte. Und dann haben wir auch die Antworten als Objekte bekommen. Also haben wir auf Objekt innerhalb eines Objekts innerhalb von Objekten. Und dann hier haben wir gerade die richtige Antwort wird eins sein. Wir durchlaufen einen Bildwert und einen Fragenwert. Und wieder, der Grund für die Arbeit mit der Jason-Datei Es macht es einfach viel einfacher und einfacher zu lesen, im Gegensatz zu dem, was wir vorher betrachten, als wir diese Js-Datei hatten und alles irgendwie zusammengeknirscht war und wir konnten nicht leicht Änderungen vornehmen. Also, hier, zum Beispiel, wenn wir zusätzliche Fragen hinzufügen wollten, wird es wirklich so einfach sein, wie es nur einen anderen Schlüsselwert geben und ihm dann einen anderen Wert zugeordneten Wert geben . Und jetzt, wenn ich es aktualisiere, sollte ich Frage Nummer fünf haben und so weiter und so weiter. Also könnte ich buchstäblich so viele Fragen hinzufügen, wie ich möchte, solange ich hier verschiedene Schlüsselwerte habe, und ich kann eines dieser richtig machen, indem ich einfach diesen korrekten Wert dort ändere und dann hier kann ich dieses Update ändern, dieser Fragetext, und das ist alles, was nur hier Fragetext ausgegeben wird. Nun, da wir die Daten eingezogen haben und Quizinhalte verwenden, haben wir festgestellt, dass es im Quizinhalt die vier verschiedenen Objekte gibt und sie alle sind, und sind die verschiedenen Fragen, die wir zur Verfügung haben. Jetzt. An diesem Punkt können wir die Arbeit mit unserem Antworttext beginnen, und das ist es, worüber wir in der nächsten Lektion sprechen, einfach durchlaufen und damit arbeiten. Und was die Ajax betrifft, wird das die Vollendung dessen sein, worüber wir für Ajax reden müssen. Denn nach diesem Punkt sind wir nur Wir haben diese Jason-Datei analysiert und mit geparsten Daten, und jetzt können wir einfach damit als Objekt in JavaScript arbeiten. 13. Das InnerHTML aus der JSON-Datei erstellen: In der letzten Lektion haben wir uns also angesehen, wie wir diese Daten aus dieser Jason-Datei herausholen und sie als JavaScript-Objekt ablegen können. Also, was wir hier tun, ist, dass wir uns einfach durch Datenquiz-Inhalte durchlaufen. Und wenn Sie sich von der letzten erinnern, wird es nur durch diese Elemente, die in diesem Objekt verfügbar sind, durchlaufen. Und noch einmal, wenn wir hinzufügen würden, wenn wir zur Jason-Akte gehen und wenn wir zusätzliche Fragen hinzufügen würden, können wir das wirklich leicht machen. Frage fünf. Und ich werde das alles gleich behalten. Eigentlich, vielleicht werde ich einfach entfernen, die sieht ein bisschen anders aus. Und wenn ich es aktualisiere, werde ich jetzt alle fünf Objekte haben. Und Sie könnten sehen, dass Frage fünf jetzt hinzugefügt wurde, während wir sie durchsetzen . Und ich hatte tatsächlich an dieser Konsole entfernt, so dass wir es nicht in der Lage sind, tatsächlich in der Konsole zu sehen . Aber der Quizinhalt wäre der gleiche. Also all das war dieses Durchschleifen. Wir durchlaufen also ein Objekt im Datenquizinhalt und werden alle im Quizinhalt verfügbaren Elemente durchsehen . Eso die 1. 1 Sobald wir die Schleife starten, werden wir nur unsere Ausgabe einstellen. Geben Sie HTML ein. Also wieder, hier hatten wir unser inneres HTML gelöscht und es gibt viele verschiedene Möglichkeiten, dies zu tun. Sie könnten das als eine Variable aufbauen und dann als HTML hier unten eingeben, damit Sie das alles nicht hinzufügen müssen oder Sie es aufrüsten könnten. Es sind viele verschiedene Möglichkeiten zu gehen, aber für diese Lektion wollen wir nur alles wirklich einfach und lesbar halten. Also alles, was wir hier tun, geben Sie HTML ein, wir fügen oder einen ausstehenden Inhalt hinzu. Also tun wir, was auch immer dieses äußere in HTML eingefärbt ist. Zwei taten plus gleich Dip. Also fügen wir einfach in diesem Divot hinzu, die Spitze und dann hier waren die Schließung, die das tat. Wir hatten hier so wieder verschiedene Wege geschaffen, es zu tun. Aber das ist nur zur Lesbarkeit. Um mit dem JavaScript-Inhalt zu arbeiten eso wieder inter html. Und hier packen wir tatsächlich dieses Quiz-Inhaltsobjekt und wir packen Fragen aus. Also was auch immer Wertobjekt ist so 01234, weil wir hier fünf verschiedene Fragen haben. Eso, was auch immer dieser Wert ist, es wird diesen Wert dort zurückgeben und es wird fragen und eine Antwort auf die Frage bekommen . Und wieder, die Frage ist richtig, hier s so ist dies der Schlüsselwert. Es ist nur Fragetext, ebenso wie das Zurückziehen dieser Werte. Also mache ich einfach eine schnelle Aktualisierung und Sie können sehen, wenn ich die Seite aktualisiere, sollte dies in Frage gestellt werden. Text eins aktualisiert Nur um Ihnen die Beziehung dort zu zeigen, und alles, was wir tun, ist, dass wir es nur in altem HTML platzieren und diesen Rückgabewert in ihre platzieren. Wir können auch so etwas wie Konsolenprotokollantworten tun,weil wir noch einmal , eine Reihe möglicher Antworten hatten, und das ist wieder dynamisch. Ändern Sie also einige Fragen bei fünf Antworten. Einige hatten drei. Einige hatten 642 Also denke ich, dass wir alle verschiedenen Werte dort abdeckten. Aber ja, die Möglichkeiten sind endlos. Sie könnten zusätzliche Antworten oder mögliche Antworten hinzufügen, wenn Sie möchten. Innerhalb dieses Quiz, und alles, was wir hier tun, ist nur zu tun, ähm, wir nehmen das, wenn wir es als Variable setzen, die richtige Antwort genannt wird. Es gibt nur Konsul Protokollierung, dass es jetzt, damit Sie eine bessere Vorstellung davon bekommen können, was wir hier auflisten. Und wir hören auf jedes Objekt. Wir listen alle Antworten auf, die dort in der Konsole verfügbar sind. Das haben wir gerade mit der Konsole gemacht. Und wieder, wir nehmen diesen Wert von richtig, genau wie wir es mit Frage getan haben. Aber wir nehmen nur richtig auf. Und wenn wir zur Jason-Akte zurückkehren, sehen wir, dass jeder von ihnen richtig ist. Und welche Frage auch immer korrekt sein wird, wird diejenige sein, die zurückgegeben wird. Richtig. Das wird also nicht wie das Array sein, in dem wir uns nur diese Werte ansehen, die 123 45 betrachteten und das wird der Rückgabewert sein. Also schauen wir uns an, ob es einen Wert von eins hat, das wird der richtige Wert sein. Also nur das als eine Variable namens richtige Antwort einrichten. Und hier haben wir Startzählung, weil wir ein Konto durch all die verschiedenen Antworten auf und wieder gemacht haben, wir beginnen mit Null, und wir fügen eins hinzu s, damit wir mit einem beginnen können und diesen Zusatz hier gemacht haben niedriger, wie wir es wieder durchschleifen, je nachdem, wie Sie das tun möchten. Aber nur um Lesbarkeit willen hier, wir setzen es auf Null, und wir werden es hier auf eins erhöhen. Eso hat Recht. Das wird also nur aufzeichnen, wie viele Antworten richtig wurden, und es wird bei Null beginnen. Vielleicht könnten wir das sogar aus diesem Raum herausziehen, weil wir nicht unbedingt handeln müssen. Sieh dir das durch. Und das wäre nur eine Gesamtsumme, vielleicht eine Punktzahl oder so. Wie auch immer du es nennen willst. Entschuldigung. Nein, das war eigentlich nicht die Punktzahl. Wenn wir also eine Punktzahl machen wollen, müssten wir sie außerhalb der Schleife halten. Aber der Grund, warum wir dort richtig sind, ist, dass wir diesen Wert festlegen, den wir an die meine Antwortfunktion übergeben. Und dann von hier aus überprüfen wir, ob es richtig ist. Das ist der Grund, warum wir eigentlich setzen? Haben Sie Recht? 21 oder Null. Also nur ein boolescher Wert und was wir hier tun. Wir überprüfen, ob die richtige Antwort. Also von korrekten Gleichen, die Startzählung. Und wenn dies der Fall ist, könnten die Werte eins sein. Wenn nicht, wird es Null sein. Wenn meine Antwort also ein Wert von eins ist, den wir übergeben, ist es nur eine Frage der Überprüfung, ob dieser boolesche Wert existiert. Und wenn es existiert, dann tun wir die richtige Antwort. Und wenn es nicht existiert, wenn es fehlschlägt oder falsche Rückkehr würde nur eine falsche Antwort tun wenn es fehlschlägt oder falsche Rückkehr würde nur eine falsche Antwort tun. Das war mein Fehler. Es war nicht wirklich die Partitur eso, die in die meine Antwort dort unten eingearbeitet werden konnte. Und dann knapp darunter haben wir die Ausgabe innerer HTML wieder. Also richten wir diesen inneren HTML-Code ein. Wir haben hier einige Boot-Drop-Klassen für mehr, aufwendigere Effekte. Und wir richten auch diese Antworten ein. Ähm, also eine andere Option hier zum Styling könnten Sie auch, wenn Sie es binden möchten, wenn Sie Jake Sorge verwenden, ist es ein wenig einfacher, in eine Klasse eso zu binden, im Gegensatz zu Javascript wir hätte Zehenschleife durch, aber wir setzen diese dynamisch eso. Wir können es nicht einfach durchlaufen, weil dieser Inhalt nicht wirklich geladen ist. Doch wenn wir das Ereignis tun, so würden wir es auf ah abholen, Taste, klicken Sie und laufen durch diese Werte, wenn wir Wert in dort gesetzt oder wir könnten es tun, wie wir hier auf klicken Sie dies für diese getan haben Umstand, ist dies wahrscheinlich, dass die Verwendung, einfachste Weg zu gehen. Aber wieder, wenn Sie J Query verwenden, gibt es andere Möglichkeiten, das festzulegen. Und alles hat mit den Listener-Ereignissen zu tun. Wenn wir nur auf Klick verwenden, müssen wir nicht wirklich Zuhörer einstellen, und das erspart uns ein wenig, nach dem sie das durchmachen. Also alles, was wir tun inneres HTML in der Ausgabe. Also wieder, Ausgabe hier Element von i d Also in hier ist es nur das Hinzufügen in diesem HTML-Code, der den Button-Typ hinzufügt, ist ein Button-Bündel von Klassen dort beim Klicken, und das ist, wo es über diese bekommene Rate sendet -Wert. Also ist es entweder eins oder Null, und eins ist für richtig. Null ist für falsch. Und dann geht es hier nur durch alle verschiedenen Antworten, die verfügbar sind. Also nochmal, wenn wir hier runtergehen und IHS, so würde ich das ändern, damit Sie sehen können, dass sie tatsächlich durch den Text schleifen, der verfügbar ist. Es s o könnte aussehen, als ob wir nur durchschleifen, aber nein, wir nehmen tatsächlich diese Jason-Informationen heraus und setzten sie auf den Button als HTML Zwerg, geben ihm dort einen Wert. Also zurück auf das ist, was das tut, ist nur das gleiche zu tun, was hier mit den Antworten getan hat . Aber hier gibt es uns, welche Antwort zurückgegeben wird. Also haben wir Konsulat die ausgelogten, die wir lago-Tänzer trösten, aber da ist es. Also, was wir tun, ist, dass wir das nur eine Reihe von Objekten nehmen und wir listen sie nur auf. Also hier haben wir nur die verschiedenen Antworten, die hier verfügbar sind. Und wir haben runter geklickt. Wir konnten sehen, du weißt schon, antworten. Der 1. 1-Wert wird beantwortet. Eins. Wenn wir diesen öffnen, können wir sehen, dass die verschiedenen Werte dort verfügbar sind und wir können sehen, was auf den Schaltflächen zurückgegeben wird . Ein Schwung. Hier haben wir also das erste Objekt. Das hier ist, äh, das ist richtig, und wir können sehen, dass die Text-Mais-Seiten. Und schließlich, was tat ich gerade? Wir schließen dieses div ab, das wir am Anfang geöffnet haben, und dies schließt unseren Aufbau dieses HTML-Codes ab, den wir in der Ausgabe platzieren. Und das ist der fertige Code, der hier ausgegeben wird. Was es also tut, ist, dass es hier durchläuft , alle verfügbaren Tasten durchläuft und dann weiter zum nächsten Punkt, Schleifen durch diese Lippen zu den Tasten, die nächste lose durch diese Tasten und so weiter. Und so, bis es das Ende der Datei erreicht, und das ist der Grund, warum dieses Seiten-Jason-Format viel besser und einfacher zu verwenden ist , weil dieses, jeder hier reinkommen und sagen kann: Okay, Okay, nun, Weißt du, ich möchte ein Quiz aufbauen. Ich muss meine Frage auflisten. Ich habe auch Bilder hier drin Wenn Sie also Bilder platzieren möchten, könnten Sie hier leicht eine Bildquelle zurückziehen, das in den inneren HTML-Code platzieren und die Bilder ebenfalls aktualisieren lassen. Und wenn Sie mehrere Antworten hatten, könnte eso einige Fragen ein oder zwei Antworten haben. Einige haben fünf, und das macht wirklich ein dynamisches, ein dynamisches Format, um diese Arten von Quizzen zu erstellen 14. Zusammenfassung der JSON von JSON AJAX: Also, nur um zu beenden, worüber wir in der letzten Lektion sprechen, in der wir aufbauen, dass Inter html. Also im Grunde baut es all diesen Code auf, und was es tut, ist es in dieser Ausgabe platziert. Div. Und das ist, wo wir diese Funktionalität bekommen. Eso hatten wir auch auf Klicken Sie auf meine Antwort hinzugefügt. Also, wenn es angeklickt wird, senden wir meine Antwort und welchen Wert wir hier innerhalb dieser Schleife aufnehmen konnten . Also, wann immer es gleich ist, wird es eins sein. Wenn es nicht gleich ist, wird es Null sein. Also wird dieser Wert hier innerhalb der Funktion platziert und an meine Antwort gesendet, als e aufgenommen und in I d gelesen. Meine Antwort ist gleich E, so dass ich auch etwas wie nur e tun könnte. , so dass ich auch etwas wie nur e tun könnte als e aufgenommen und in I d gelesen. Meine Antwort ist gleich E, so dass ich auch etwas wie nur e tun könnte. sollte auch funktionieren. Also, wenn ich es aktualisiere, schau dir die Konsole an, so viel wir sehen, dass wir immer noch die richtigen Antworten und falschen Antworten bekommen. Und wenn Sie mit JavaScript arbeiten, versuchen Sie immer , so viel über die Variableneinstellung und den Code wie möglich zu reduzieren. Manchmal, wenn Sie in der Lage sein wollen, es besser zu dokumentieren. Es ist eine gute Idee, diese Variablen einzubeziehen, aber für dieses Beispiel, weil wir das nicht wirklich brauchten, war das nur ein zusätzlicher Schritt. Das brauchen wir nicht. Wenn es einer ist, wird es auftauchen. Wenn dies nicht der Fall ist, wenn es Null ist, wird falsche Antwort geben und dann können Sie hier, weiter gehen , einige zusätzliche Funktionen aufbauen, wie wir bereits erwähnt haben. Wenn du eine Punktzahl hattest, willst du punkten. Wie viele richtige Antworten möchten Sie deaktivieren? Du willst diese Frage verbergen, sobald sie beantwortet wurde. Sie können das auch tun, innerhalb dieses JavaScript und innerhalb dieser meine Antwortfunktion. 15. JQuery AJAX Einführung: im vorigen Abschnitt. Wir hatten über Formulare gesprochen und gerade diese Art von Formularprüfung nur um zu sehen, ob diese Werte in Honore verfügbar sind oder für eine Datenbank online verwendet werden könnten. Obwohl das hier ziemlich ähnlich aussieht, werden wir J Query verwenden, und es gibt viele Vorteile, die in J. Corey verwendet werden können. Ich liebe es wirklich, J Query zu verwenden, weil es die Dinge wirklich viel einfacher macht. Im Gegensatz zu unserem Ajax-Code, den wir für JavaScript verwenden mussten. Wir schauen uns den J. Corey-Code an, und es ist viel einfacher eso, obwohl wir es nicht genau dort tun, wo wir diesen Wert tatsächlich noch nicht senden. Wir werden Ihnen zeigen, wie Sie das in den kommenden Lektionen machen. Aber vorerst, was wir tun, ist, dass wir gerade eingerichtet haben, die Jaqui Library hinzugefügt haben. Und wenn Sie mit Jake Worry nicht vertraut sind, haben wir einen weiteren Kurs, der auch Informationen über Jake Worry eso bietet, genau hier unten. Wir haben das Eingabefeld, das gleiche, was wir hier unten hatten. Wir haben das beim Schlüssel oben und bei Klick entfernt, und wir verbinden uns nur beim Hinzufügen dieser Ereignis-Listener und Trigger über J Query, und es ist viel einfacher, es auch so zu tun. Und Jake waren wirklich, dass Ajax Anruf sieht eine wirklich, wirklich einfach jetzt eso hier drüben, wir haben Button Button Typ. Also ist es Knopf. Also alle die gleiche Sache. Wir haben ihm gerade ein I d gegeben , damit wir uns mit ihm verbinden können, wenn es angeklickt wird. Und wir könnten diese Funktion ausführen, die verfügbar ist. Also standardmäßig haben wir unser Dokument dot ready Funktion s Also dies ist ah J Abfrage Standard. Und wieder geht es in die Arbeit mit der Morgendämmerung. Und wenn die Down fertig und fertig ist, wird alles geladen und in den Dom geladen. Dann haben wir Zugriff auf alle verschiedenen Aspekte und Objekte, die in diesem Dokument verfügbar sind . Und dann gibt uns auch die G-Abfrage-Bibliothek eine ganze Reihe zusätzlicher Funktionen . Also mit Jake Sorge, es ist alles wirklich abgeschnitten. Alles, was wir tun, ist dieses Element zu identifizieren, also verwenden wir nur das so ähnlich, um Element von I d zu bekommen. Wo wir gerade bekommen, dass ich d. Wir nehmen es auf und wir fügen nur diesen Ereignis-Listener hier innerhalb des J Corey Dom hinzu. Wenn also darauf geklickt wird, diese Funktion durchlaufen, wann immer ich geklickt wirdiese Funktion durchlaufen, wann immer ich geklicktwird. Und dann hier drüben nehmen wir nur diesen Wert aus dem Benutzernamen auf und setzen ihn in eine Variable. Und wieder, es gibt verschiedene Möglichkeiten, dies zu tun. Aber für die Zwecke dieses Kurses versuchen wir, es wirklich einfach zu halten. Es muss mein Name den Benutzernamen wieder aufnehmen, Element durch i d erhalten und diesen Benutzernamen Wert aufnehmen und ihn in meinen Namen einfügen. Und dann ist das alles, was wir für Ajax tun müssen. Es ist viel einfacher als das, was wir vorher tun mussten, wo wir all diese Codezeilen für Ajax hatten . Alles, was wir tun müssen, ist, dass Punkt Ajax diese Ajax-Funktion in J Abfrage alle anruft, um zuerst zu tun, dass du l bist Und hier haben wir, dass du sonst das Gleiche bist, was wir hier tun, wo wir das Mädchen und einfach über diesen Wert zu buchen, den Anforderungswert. Wir mussten auch diese PHP-Datei aktualisieren, um die Get-Anfrage anstelle von Post zu erhalten, da wir sie immer noch per senden. Holen Sie sich jetzt und wir zeigen Ihnen, wie Sie in den späteren Lektionen Wertvariablen hinzufügen können. Und dann hier haben wir einfach. Wenn es Erfolg zurückgibt , entfernen Sie alle diese fertigen State-Anforderungen erfolgreich. Also, wenn es Erfolg zurückgibt, werden wir diese Funktion ausführen. Und das zieht alles an, was Informationen zurückgegeben hat. Also noch einmal, dieser Antworttext. Es wurde also in J Query wirklich vereinfacht, und wir rufen nur dieses Ergebnis auf. Und hier ähnlich wie das, was wir in unserem JavaScript getan haben. Wir nehmen dieses Element mit der Idee des Ergebnisses, und wir platzieren HTML eingeben und wir platzieren in diesem Element, was vom Server zurückgegeben wird , wenn wir diese Abfrage machen. Also ist es wirklich ein einfaches ist, dass, und in den kommenden Lektionen, werden wir durch diese gehen, wie man Werte auf do post als auch weitergibt. Verwenden von J Query. Und noch einmal, denken Sie daran, wenn Sie Jake verwenden, wo Sie diese J-Coury-Bibliothek einbringen müssen und damit sie innerhalb Ihrer Seite funktioniert . Wenn Sie also das auslassen, wird JavaScript nicht wissen, was dieses Dollarzeichen bedeutet. Und es ist nicht geben in der Lage zu interpretieren und zu verstehen, was das, was diese Funktionen tun 16. JQuery ajax Post mit callback: so ähnlich wie das, was wir innerhalb des JavaScript gemacht haben. Wir haben die Möglichkeit, einen Get oder einen Beitrag zu setzen. Und was wir hier tun, ist, dass wir nur einrichten, dass du l bist und dann hier haben wir unsere Callback-Funktion. Die Callback-Funktion ist, was passiert, wenn diese Anfrage gesendet wird und dann wird die Callback-Funktion eso ausführen. Wir könnten ein Konsolenabmeldergebnis machen. Und lassen Sie uns Ihnen einen Hinweis darauf geben, was tatsächlich zurückgegeben wird. Als wir diese Funktion von get oder diesen Aufruf von get diese Ajax aufgerufen bekommen zu diesem u R l Also wieder, wir verwenden diesen Check-Dot PHP und wir haben diese Datei behalten, um uns zu bekommen. Wir können hier sehen, wenn wir essen. Diese Funktion sehen wir, dass der Name verfügbar ist, wenn wir könnten. John, der Name ist nicht verfügbar und alles, was wir hier zurückbekommen, ist das, was zurückgegeben wird. Also das ist alles, was zurückgegeben wird. Also ist es ein bisschen anders als das, was zurückgegeben wurde, als wir das Ajax hier auf dem regulären JavaScript eso verwendet haben, bekommen wir nur dieses Ergebnis. Und das sind die Daten, die zurückgegeben werden, und es gibt auch eine andere Option für den Status. Wenn wir also tatsächlich den Status machen wollen, können wir hier sehen, dass wir, wenn wir die Seite aktualisieren, einen Erfolgsstatus haben, so ähnlich wie das, was wir hier gemacht haben. Es ist nur kaputt. Eso sind bereit. Der Staat gibt immer noch den gleichen Status zurück, aber er versteht, dass 200 Erfolg ist, der austauschbar ist. Und wenn es Daten gibt, wird der Status als Erfolg zurückkehren. Und das ist, wo wir etwas Ähnliches tun können, wo wir nur diesen ersten Aufruf machen , den Ajax Erfolg nennen, und wenn sein Erfolg, tut es diese Funktion. Und wenn es ein Fehler ist, kann auch etwas anderes tun und genauso einfach wie das, was wir vorher tun. Wenn wir posten wollen, müssen wir hier nur ein wenig neu formatieren und dies aktualisieren, um eine Post-Anfrage zu nehmen . Gehen Sie zurück zu diesem Formular, also jetzt werden wir es als Post senden und wir können die Variable nicht mehr innerhalb dieser Art von Format senden, also müssen wir es als Daten senden, die verfügbar sind. Also, was wir tun werden, wir werden nur diese Daten einrichten, und sie sind nur ein paar kleine Änderungen dort, wo wir den Datenwert dorthin gebracht haben. Und dann kann dies wieder durch Kommas getrennt werden, wenn Sie einen tatsächlichen Wert übergeben haben. Dies ist also ein JavaScript-Wert. Also mussten wir es nicht zitieren. Aber wenn du dort einen echten Namen hättest und wenn du ihn weitergeben willst, müsstest du ihn auch zitieren. Aber da dies eine Variable ist, müssen wir das nicht innerhalb des JavaScript zitieren. Also ist mein Name schon hier drüben gesetzt worden. Wir könnten das auch mitnehmen und es dort reinlegen, wenn wir es wollten. Aber wieder, für Lesbarkeit suchen, Wir versuchen nur, alles getrennt zu halten. Und ich habe nur ein bisschen ein Update hier gemacht, nur um Ihnen zu zeigen, wie lesbarer Format um, für das JavaScript. Also dasselbe, was wir haben, dass unsere Ajax-Anrufe Post verwendet haben, es so eingestellt wurde, dass es als Post identifiziert wurde, im Gegensatz zu bekommen und wieder zu posten. Wenn Sie Formulardaten senden, wenn Sie eine ganze Reihe von Daten haben, die Sie über Post senden, ist definitiv ein besserer Weg um mit ihnen zu gehen, sicherer. Und dann hier ist unsere Callback-Funktion. Also buchstäblich dasselbe, was wir tun, bevor wir unseren Wert dort haben , oder Sie sind l. Und dann haben wir unsere Daten, und dann haben wir einfach durch Kommentar und Komma getrennt und wir haben es rausgebracht. Und dann wird das letztendlich die Callback-Funktion sein. Und hier nehmen wir das Ergebnis nahm Status. Wir müssen den Status nicht unbedingt rausziehen, es sei denn, wir wollen ihn hier unten benutzen. Aber wenn wir es benutzen wollen, können wir es hier rausziehen. Also nur Konsul, diesen Status protokolliert und wo das Ergebnis innerhalb des Ergebnisses gesetzt wird, wird nicht wieder in den Code zurückgehen . Wir können sehen, dass das Gericht in der Tat genauso funktioniert wie vorher. Wenn wir diese Überprüfung machen, sehen wir, dass der Name genommen wird. Wir tun etwas anderes, dass der Name verfügbar ist, so dass alles genau so funktioniert wie vorher mit get. Obwohl wir jetzt Post 17. JQuery AJAX return error: In der letzten Lektion haben wir darüber gesprochen, wie wir Post implementieren können. Und so hatten wir uns den Code so angeschaut und wir hatten unseren Beitrag gemacht. Sind Sie Earl unsere Daten und dann haben wir eine Callback-Funktion an. Und dann eine frühere Lektion hatten wir bei der Einstellung als Ajax bei einem You Earl Erfolg betrachtet. Also gehen wir zurück, um es in diesem Format zu schreiben, wo wir gerade bei Ajax Call tun . Aber wir werden den Typ einstellen, also die gleiche Sache, wo Sie tun können, bekommen oder posten in diesem Fall wollen wir als Post setzen. Wir haben die URL hier drüben und dann wieder diese. Das ist sehr lesbares Format eso Typ Post Sie Earl wird das Mädchen sein, das wir mit den Daten verbinden, die wir über senden. Also nur die Auflistung dieser Daten und wieder, wenn dies eine tatsächliche Variation war oder wenn es nicht ein sehr beides eine Zeichenfolge war, einige String-Daten, müssten wir das zitieren. Und dann nach dem Erfolg, wo Sie nur veröffentlichen, dass Sie diese Ergebnisinformationen erhalten und wir das Ergebnis in den Diff geben, also was auch immer vom Server zurückgegeben wird. Wir tauchen einfach in dieses div ein. Html und hier haben wir Fehler hinzugefügt. So wie wir vorher mit dem Boot gesprochen hatten. Also, wenn es einige Fehler gibt, oder wenn es als Fehler zurückgegeben wird, oder wenn es nicht ein 200 vom Server zurückgegeben wird, so dass es keine Daten verfügbar sind oder die Servereinstellung, die Header 200, können wir die Abholung ziehen , und legen Sie es als Fehler fest. Und dann können wir ausloggen alle diese eso hier haben wir X h r, und das gibt uns die Möglichkeit, Status, Text, Status, Text und Luft. Das gibt uns ein paar weitere Informationen über das Haar. Also nochmal, nicht nötig. Wenn Sie einen Fehler haben, möchten Sie nur scheitern. Wenn Sie Ergebnis gleich tun möchten, ist fehlgeschlagen. So etwas könnte ich das einfach tun, wo ich versagt habe. Und jetzt, wenn wir zum Gericht gehen, können wir sehen, dass es immer noch auf die gleiche Weise funktioniert. Geben Sie etwas ein. Wir machen einen Scheck an den Server. Der Name ist verfügbar. Wenn wir eine tun, die bereits in unserem Array ist, ist es nicht verfügbar. Und dann könnte dies auch in die Datenbanken gebracht werden. Eso, wenn wir etwas hatten, so dass ich denke, diese Art, um hier einen Fehler zu machen, ist, wenn ich so etwas mache oder tatsächlich die Mining-Variable ändern werde, also wird es nicht wirklich diesen Mining-Wert haben, also hoffentlich kommt es heraus als Fehler dort. Eso haben wir tatsächlich diesen PHP-Fehler ausgedruckt, so dass das kein guter Weg war, einen Erben zu produzieren. Wahrscheinlich ist der einfachste Weg, nur einen separaten Earl zu machen. Es wird das wieder auffrischen. Also, das hat es tatsächlich geschrieben, weil das war, was es zurück war. Eso Es gab einen Text in diesem PHP. Es war also nicht in der Lage zu sagen, ob es ein Fehler war. Eso hier. Wir sind definitiv in der Lage zu sehen, ob es ein Fehler ist, weil wir nicht wirklich finden können, dass überprüft mit dem Z dort über PHP eso hier können wir sehen, was hier ausgegeben wird. Also haben wir nicht gefunden und dies ist die Antwort aus dem Ex-HR-Status-Text. Also im Wesentlichen, äh, dieser vier oder vier Fehler und das ist der 404 Also, wenn es 200 oder für etwas anderes wäre, könnten wir diese Fehler auflisten und nicht das Format eso oder 200 wäre Erfolg. Eso nicht gefunden ist ein 404-Fehler, und es lassen Sie uns sehen, was die Gegend ist und sagt uns nur, dass es ein Fehler ist. Und wieder wird dieser Text nicht gefunden, so dass der Fehler nicht gefunden Wert. Und hier sind wir in der Lage, unsere gescheiterte eso wird das wieder ändern. Und das war nur ein demonstrieren, dass die Fehler. Wenn Sie also irgendwelche Erben mit den Daten haben, wenn es nicht so zurückkommt, dass , wie erwartet, Sie, wie erwartet,immer vom Server selbst senden könnten, können Sie verschiedene Werte unterschiedlichen Status -Werte. Egal, ob wir einen 200 oder einen anderen Wert machen, Sie können diese vom Server festlegen und diese zurücksenden, damit Sie automatisch einen Fehler vorgeben können. Wenn du etwas anderes als die 200 zurückschicken wolltest. Oder, wenn Sie auf einen Erfolg hinweisen möchten, könnten Sie den Erfolg so erneut zurücksenden, abhängig von dem Framework, das Sie verwenden, das sehr und wie Sie diese Informationen zurück an den Jacks Call senden. Aber im Moment ist es nur wichtig zu verstehen, dass wir diesen Ajax-Aufruf haben. Wir sind in der Lage, diesen Rückruf zu tun und konnten erkennen, ob es ein Erfolg ist oder ob es ein Fehler ist und dann Daten entsprechend ausgeben. Und nur um das zusammenzufassen, ja, J-Abfrage vereinfachen wirklich die Dinge im Gegensatz zu dem, was wir mit dem Alter mit JavaScript zu tun hatten . Und meine bevorzugte Art, Ajax-Anrufe zu machen, ist definitiv mit Jay Query zu arbeiten. Aber wenn Sie mit JavaScript arbeiten müssen, haben wir das auch zur Verfügung. Und es ist immer wichtig. Bevor Sie anfangen, mit Jake zu arbeiten, machen Sie sich Sorgen, das JavaScript dahinter wirklich zu verstehen und wie JACKESSION g Abfrage macht. Ich bin die verschiedenen Funktionen, die nur in das Basis-JavaScript gehen müssen, damit die J-Abfrage funktioniert. Aber Jake Array vereinfachen, was Sie aufzeichnen, wird in der Umwerbung der Codierungsbibliothek , die Sie verwenden, und wieder äh , äh, wieder, je nachdem, welche Art von Sturz Sie aufnehmen, müssen Sie Wählen Sie die beste Methode und was Sie damit tun möchten, s, damit Sie das hier sowie das, was wir früher in JavaScript tun, ausgeben können. Und der beste Weg, um wieder zu lernen, ist, die Quelldateien herunterzuladen, die im Ressourcenabschnitt dieses Kurses enthalten waren . In der Praxis funktioniert es mit dem Code und versuchen, das selbst zum Laufen zu bringen, so dass Sie möglicherweise nicht unbedingt einen Server benötigen. Sie könnten dies in eine Textdatei ändern und dort nur eine Antwort haben. Aber wenn Sie wissen, wie Sie einen lokalen Hostserver einrichten, oder wenn Sie in einer Live-Umgebung auf dem Webserver üben möchten, können Sie dies auch tun, wo Sie Konstruktorsprachen wie PHP schreiben können. Aber wieder, es spielt keine Rolle, was Sie mit ihm verbinden, nur Ramat Er ist, was die Antwort vom Server sein wird und wieder es wieder. Es spielt keine Rolle, wie Sie darauf zugreifen. Wenn Sie die JavaScript-Orgie-Abfrage erneut verwenden, erhalten Sie diese Antwort zurück und Ihre Abletmit diesen geantworteten Daten und diesen dynamischen Daten arbeiten, ohne eine Seitenaktualisierung mit Ajax zu haben. Und nur um zu verdeutlichen, dass Sie nicht unbedingt einen funktionierenden Server benötigen, einen lokalen Hostserver, der hier auf Ihrem Computer arbeitet. Wir machen nur eine Abfrage, um den Dateitext zu testen , der hier drüben ist. Und alles, was es ist, ist diese funktionierende Testdatei. Und wenn wir ausgehen und die Seite aktualisieren, was auch immer wir betreten, ist es einfach, diesen Inhalt zu setzen. Also tat all das PHP, wie es aktualisiert wurde und diesen Inhalt dynamisch machte. Das kam also von PHP selbst und nicht unbedingt von der JavaScript oder der J-Abfrage, um diese dynamischen Antworten zu haben. Sie benötigen eine Konstruktorsprache, die die gesendeten Daten interpretieren und etwas damit tun kann . Passen Sie die Antwort an, die Rückrufnachricht, die in Sie zurückgegeben wird, das JavaScript.