AJAX zur MySQL PHP API | 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

18 Einheiten (1 Std. 49 Min.)
    • 1. Apimysql

      2:29
    • 2. 1 Einführung in die Erstellung einer AJAX

      4:53
    • 3. 2 Ressourcen MySQL PHP bereit

      5:26
    • 4. 3 Quick jQuery intro und wie du es deinen Webseiten hinzufügen kannst

      4:43
    • 5. 4 Arbeiten mit jQuery

      6:54
    • 6. 5 jQuery Ajax Methoden

      7:25
    • 7. 7 AJAX Inhalt an AJAX veröffentlichen

      7:02
    • 8. 8 PHP als JSON-Daten

      5:24
    • 9. 9 AJAX versenden mehrere Werte an PHP

      5:20
    • 10. 12 Erstellen Sie eine MySQL

      2:26
    • 11. 14 Verbindung mit der Datenbank herstellen

      4:19
    • 12. 15 Inhalte in die Datenbank über AJAX hinzufügen

      6:42
    • 13. 16 In mySQL einfügen

      5:53
    • 14. 17 Datenbankinhalte mit AJAX einfügen und aktualisieren

      9:43
    • 15. 18 Daten aus der Ausgabe der Datenbank als JSON

      9:21
    • 16. 19 Dyanmically neue JSON-Daten ausgeben

      7:34
    • 17. 20 Verlangen Sie die Datenausgabe in HTML

      5:47
    • 18. 21 Web

      7:14
  • --
  • 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.

298

Teilnehmer:innen

--

Projekte

Über diesen Kurs

AJAX zu MySQL PHP
APILearn wie du eine einfache database erstellen kannst, auf die du von
frontend zugegriffen werden kannst, aktualisiert und mehr

Der Kursumfang konzentriert sich auf die Erstellung der API-Interaktion. Es umfasst
mehrere Technologien und Themen nur in Bezug auf das
fertige Projekt.

Möchten Sie mit JavaScript auf Ihre MySQL-Datenbank zugreifen? Lass Webbesucher
nahtlos mit dir MySQL-Datenbank interagieren. Füge neue Inhalte hinzu, aktualisiere vorhandene Inhalte
und frage die Datenbank ab, um Ergebnisse zu liefern! Datenbanken bieten so viel Power für deine
Webanwendungen, warum nicht mehr verwenden.

Dieser einzigartige Kurs führt dich durch die Schritte der Erstellung eines einfachen Web-Api mit dem
gestatten der Interaktion der Webbesucher in der Datenbank von Webbesuchern. Datenbank ist der Schlüssel zur Schaffung einer erstaunlichen
interaktiven dynamischen Erfahrung für Webnutzer. Dadurch kannst du mehr machen!

Dieser Kurs öffnet die Tür für dich, um unsere Menge COOL zu bauen! Aus
den Kursen des Kurses kannst du eine Vielzahl von Verwendungen für
den Code erstellen. Quellcode ist enthalten, damit du neben dem Kurs üben kannst,
es selbst ausprobieren und auf deine individuellen Bedürfnisse anpassen kannst.

Dieser Kurs deckt viele Technologien ab und zeigt ihnen, dass alle
gemeinsam an der Erreichung des API arbeiten.

JavaScript und ein Verständnis des Dokumentenobjektmodells sind eine wichtige
Grundlage vor dem Beginn dieses Kurses. Wir haben den Kurs so konzipiert, dass er Schritt für Schritt in Schritt mit den wesentlichen Punkten für die Erstellung der Web-API
versehen wird. Bitte beachten Sie,
dass der Kurs die Kerntechnologie übersieht, die nur im Kurs für die Erstellung
der API verwendet wird.

DAS LERNZIEL

Grundlegender HTML - Einrichtung von einfachen Elementen für den Zugriff aus
JavaScriptBasic CSS - Erstellen von
buttonsjQuery - AJAX, Abrufen von Elementwerten in einem Formular, inner HTML.JSON - So versenden Sie JSON-Objekte und wie man JSON-Daten abruft und als
Objekte in
JavaScript.PHP verwendet - So komme ich request auf, richte eine HTML.JSON looping von
Daten, Arrays, ausgelegte Inhalte als

HTML.JSON - Prüfe Werte als
numericMySQL - Richte eine Datenbank ein, verbinde dich mit einer Datenbank, database, schreibe Abfragen
zum Update, auswahl und einfügen von Daten. Verhindern Sie
SQL Sie alles zusammen und vieles mehr!
Am Ende des Kurses hast du das Wissen, wie du alles
zusammen stellen kannst und eine einfache API erstellen kannst, um mit deiner Datenbank zu interagieren. Verwende diesen Kurs
als Ausgangspunkt für grenzenlose Optionen mit diesem voll funktionalen und
anpassbaren Code.

Ich stehe hier, um dir zu helfen, über APIs zu lernen und bereit für alle Fragen zu beantworten, die du vielleicht
hast. Worauf wartest du jetzt auf die Anmeldung und siehst nach, was du tun kannst!

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. Apimysql: Der Umfang dieses Kurses konzentriert sich auf die Aufbauung einer P-I-Interaktion. Möchten Sie mit JavaScript auf Ihre meine Fortsetzung Datenbank zugreifen. Lassen Sie Besucher nahtlos mit Ihrer meine Fortsetzungs-Datenbank interagieren, Fügen Sie neuen Inhalt hinzu, aktualisieren Sie vorhandene Inhalte und fragen Sie die Datenbank, um Ergebnisse zurückzugeben. Datenbanken bieten so viel Power für Ihre Webanwendung, warum sie nicht noch mehr nutzen? Dieser einzigartige Kurs führt Sie durch die Schritte der Erstellung eines einfachen Webs. AP Allow Web Visitors Datenbank Interaktionsdatenbanken sind der Schlüssel, um eine erstaunliche interaktive dynamische Erfahrung zu schaffen . Webbenutzer. Sie lassen dich mehr tun. Dieser Kurs wird Ihnen die Tür öffnen, um eine Menge wirklich coole Sachen zu bauen. Aus den Lektionen dieses Kurses werden Sie in der Lage sein, eine breite Palette von Anwendungen für die Kälte zu produzieren. Quellcode ist enthalten, so dass Sie neben den Lektionen üben , es selbst ausprobieren, optimieren und für Ihre individuellen Bedürfnisse aktualisieren können. Dieser Kurs deckt viele Technologien ab, demonstriert sie alle und arbeitet zusammen, um die A P zu erreichen. Ich habe JavaScript und Verständnis der Document Object Models Wichtige Grundlage . Bevor wir mit diesem Kurs beginnen, haben wir den Kurs so konzipiert, dass er Schritt für Schritt die Grundlagen für den Aufbau eines Web abdeckt. A P I Bitte beachten Sie, dass dieser Kurs umfasst und übermäßige Kerntechnologien innerhalb des Kurses verwendet werden um eine P I Grundlagen der HTML-Grundlagen der CSS G Abfrage und wie Ajax in Jaquie zu verwenden, erhalten Elementwerte aus einem Formular Aktualisierungselemente, innere HTML und vieles mehr. Jason hatte dieselben Jason-Objekte und wie man diese Jason Data-Objekte abruft und sie in Ihrem JavaScript verwendet . PHP Wie man Anforderungsvariablen bekommt Richten Sie meine Fortsetzung Datenbank Verbindungsschleife durch Datenbanken ein, eine Erhöhung Putting Inhalt als Jason formatierte Daten und mehr Reggae X-Ausdrücke. So überprüfen Sie, ob Ihre Werte numerisch sind. Meine Fortsetzung. Richten Sie eine Datenbank ein, verbinden Sie sich mit einer Datenbank Ph. B, meine Admin-Zugriffsrate Abfragen zu aktualisieren, auszuwählen und Daten einfügen und auch Folge-Injektionen zu verhindern. Sehen Sie alles zusammen und vieles mehr bis dahin, natürlich haben Sie das Wissen, wie Sie alles zusammensetzen und einfaches AP Eis erstellen können. Interagieren Sie mit Ihrer Datenbank. Nutzen Sie diesen Kurs als Ausgangspunkt für grenzenlose Optionen mit vollen Funktionalitäten und anpassbarem Court. Ich bin hier, um Ihnen zu helfen, AP Augen zu lernen und bereit, alle Fragen zu beantworten, die Sie haben können. Worauf warten Sie und rollen Sie jetzt und sehen, was Sie tun können 2. 1 Einführung in die Erstellung einer AJAX: Hallo und herzlich willkommen zu unserem Einführungskurs zum Erstellen eines Webs. Ap ich von Grund auf. Mein Name ist Lawrence, und ich werde dein Lehrer für diesen Kurs sein. Ich freue mich, die Möglichkeit zu haben, Ihnen diesen Kurs zu zeigen und Sie durch, wie dieses Web erstellen, E p I von Grund auf neu. Ich komme zu Ihnen mit über 18 Jahren Erfahrung in der Webentwicklung und der Arbeit mit Ajax und PHP. Es öffnet wirklich eine Menge Türen. Sie können viele erstaunliche und coole Dinge mit der Verwendung dieser verschiedenen Technologien . Und wie Sie hier vor Ihnen sehen können, ist dies ein Beispiel dessen, was wir innerhalb des Kurses erstellen werden. Was hier passiert ist, ist, dass wir die Möglichkeit haben, Daten an unsere Datenbank zu senden und abzurufen . Also im Wesentlichen, was wir getan haben, ist, dass wir eine Web-ap I mit der Fähigkeit erstellt haben, verschiedene so in der Lage, Sie erstellen ein brandneues I D Element innerhalb der Datenbank, wir können sehen, dass wir eine Antwort zurück vom Server. Also unsere Aktion war Anzeige, die wir über ein Unternehmen gesendet, wurden mit der Datenbank verbunden, die Kosten Tendai D innerhalb der Datenbank, dass dieser neu erstellte Artikel 16 ist. Wir sehen, dass unser Status hinzugefügt wird. Nun, wenn wir ein Update für seine machen und ich werde nur einige schnelle, zufällige Updates hier machen und wir Daten wieder senden, sehen wir das nächste Mal, wenn es tatsächlich erkennt, dass wir bereits dieses existierende ex I d. von 16 oder 66 haben . Und anstatt ein neues Gehirn zu erstellen, anstatt es dieses Mal hinzuzufügen, aktualisierte es vorhandene Daten mit all diesen Inhalten, die wir gerade übersandt haben. Das bedeutet also, dass wir zu einem anderen wechseln können, den wir geschaffen haben, und wir sehen, dass ich gefunden habe . D ist 16. Firma ist die Firma Teoh Tester, Name Update. Und wenn wir das sehen, erhalten wir alle diese Antwortinformationen, damit wir diese Art von Format auf mehreren Seiten verwenden können , damit ich hier auf diese Seite gehen kann und ich die gleichen Informationen zurückrufen kann. Ich kann eine neue Information erstellen. Sie können zurück zu diesem Fenster gehen, das ursprüngliche kleinere Fenster, das ich geöffnet hatte, und ich kann diese Informationen wieder abrufen, so dass all dies in einer meiner Fortsetzungsdatenbank sitzt . Wenn ich diese Datenbank aktualisiere, werden Sie sehen, dass ich diese neuen Elemente tatsächlich hinzufüge, und ich aktualisiere tatsächlich den Datenbankinhalt nahtlos über Ajax PHP und meine Fortsetzungsdatenbank . So können Sie hier sehen, dass wir den Datenbankinhalt hier unten haben und ich eine dieser X-Ideen auswählen kann . Also, vielleicht nehmen wir das mit 100. Hier sind Costas. Zehnen werden das aktualisieren. So neuer Name neues Unternehmen und diese Art von Format verwendet werden kann die Update-Datenbanken und erstellen Datenbank-Interaktionen für Ihre Web-Benutzer, um hier zu sehen. Nun habe ich meine PHP-Datenbank mit den neuen Daten aktualisiert, die wir gerade nahtlos über einen Ajax-Aufruf übermittelt haben , indem ich die Daten über ein E p I an unsere PHP-Datei schickte, die Prozesse aufnimmt, die das aktualisiert das und holt diese Informationen aus der Datenbank zurück, und ich werde Ihnen zeigen, wie Sie das alles tun. In diesem Kurs werden wir Sie durch die Einrichtung Ihres HTML führen, als J-Abfrage einzuführen. So auch die Einführung von Ajax innerhalb der G Abfrage, um diese Aufrufe in unsere PHP-Datei zu machen. Das Format der Daten, über die wir erweitern, wird Jason für gemountete Daten sein, so dass wir auch hier in der Antwort sehen können , dass wir diese Datenobjekte erhalten. Und das Gute an der Verwendung von Jason und Datenobjekten ist, dass sie wirklich nützlich sind, zurück innerhalb des Front-End-Codes, den wir durch ihn analysieren können. Und ich werde diesen Inhalt in einer sinnvollen Art und Weise in unserem HTML setzen. Also senden wir die Daten über Jason. Wir nehmen über Daten auf, seien Jason, und wir setzen es aus ihrer PHP-Datei über Jason. Also alles durch Jason gemacht. Und so werden wir diese Daten übertragen und nutzen. In PHP nimmt also die Informationen, die wir über sie senden, tatsächlich fügt sie ein oder aktualisiert sie in die Datenbank. Und dann können wir eine Antwort senden, je nachdem, welche Aktion wir innerhalb der PHP-Datei ergriffen haben. Also, wenn Sie bereit sind, beginnen wir mit der Arbeit an diesem Projekt, indem wir unsere ganz eigene AP-I-Datenbankinteraktion von Grund auf neu 3. 2 Ressourcen MySQL PHP bereit: in dieser Lektion möchte ich einen kurzen Überblick über einige der Ressourcen geben, die wir verwenden werden um unseren Ajax AP zu erreichen. Ich verbinde Teoh meine Fortsetzung Datenbank. Das erste, was wir brauchen, ist, meine Fortsetzungsdatenbank einzurichten. Wir müssen auch eine Serverumgebung haben. Also, was für ein einfachste Weg ist, dies einzurichten, wenn Sie nicht mit der Einrichtung vertraut sind, wir haben Zampa, die wir auch innerhalb des Kurses verwenden werden. Nun, was Samp tut, ist es Ihnen erlaubt, ah, lokale Maschine im Hintergrund zu laufen ah, , und dies erlaubt mir, PHP-Skript auszuführen. Es gibt mir auch Zugriff auf eine meine Fortsetzungsdatenbank. All dies, wie Sie hier sehen können, läuft auf dem lokalen Host und wieder einmal lokalen Host. Und um Samp zu bekommen, ist es unter Windows, Lennox und OS X verfügbar , die Apache Freunde dot ord entdeckt haben und Sie können es von dort herunterladen. Und die Installation ist relativ einfach. Sie könnten einfach die Standardeinstellungen durchlaufen und in wenigen Minuten mit Samp laufen lassen. Eso mit Samp. Es gibt auch ein Standardverzeichnis, in dem Sie Ihre lokalen Computerdateien einrichten können und Sie aus diesem Verzeichnis als Standard arbeiten können , um schnell loszulegen. Es gibt auch einige Möglichkeiten, das Stammverzeichnis anzupassen und gegenüber auf einen anderen Ordner in Ihrem System zu verweisen . Es gibt also verschiedene Möglichkeiten, damit zu arbeiten. Und sobald Sie sich damit vertraut gemacht haben, können Sie die Konfigurationsdatei aktualisieren und diese Anpassungen vornehmen. Die andere Sache, die wir verwenden müssen, ist ein Web-Editor. Also werde ich Klammern benutzen. Das ist meine Version von Klammern hier drüben. Und wenn Sie bereits einen Webeditor haben, den Sie mit drei vertraut sind, die Sie gerne verwenden, können Sie voran gehen und verwenden. Das s O. Dies ist nur, um etwas Code zu schreiben und ah, im Grunde formatiertes Layout des Codes zu haben . Das ist es, was ich verwenden werde Klammern für und einige andere Ressourcen, die amüsant. Ich werde einen Chrome-Browser verwenden, und der Grund, warum ich Chrome verwende, ist, weil wir Zugriff auf taube Tools haben. Also, das ist wirklich einfach in Chrome zugreifen Also haben wir eine Reihe von Informationen hier, und das ist einer der Gründe, warum ich gerne Chrome verwende. Und wir können auch diese Umschaltung von verschiedenen Geräten und Bildschirmgrößen und so weiter tun. Also haben wir all diesen Akt für uns zugänglich. Wenn wir einen Code ausführen, können wir Feedback und Input in Bezug auf den Mantel erhalten. Also einige der anderen Ressourcen, die wir auch verwenden, also wird das sein, wir werden G-Abfrage Ajax eso verwenden , dieser J Cory hat eine eingebaute Funktionalität, um Ajax wirklich einfach und effizient zu handhaben . Und ich werde die Google CDN-Bibliothek benutzen, um Jake Sorgen zu machen. So können Sie einfach voran und greifen, dass und bringen Sie das in Ihr Web-Projekt, um Zugang zu Jake zu erhalten , oder und dann erhalten Sie die wunderbare erstaunliche Funktionalität mit Bakery und wir werden uns auf den Aufbau dieser Ajax-Anrufe konzentrieren. Also werde ich das genauer durchgehen. Wenn Sie mit G-Abfrage nicht vertraut sind, werde ich diese spezielle Funktionalität in Jake Sorge verwenden, um neue Webseiten-Webinhalte zu machen , die ich in ziehen und Inhalte an meine a p I senden kann. . Also, was wir tun werden, ist, dass wir Informationen ablegen, Informationen aktualisieren und Informationen aus unserer Datenbank bekommen. Und ich werde PHP-gesinnte Männer verwenden. Kommt mit Samp eso dies Alles, was Sie tun müssen, ist gehen Sie zu lokalen Host ford Slash PHP gesinnten Männer und dort haben Sie Ihre Datenbanken. Also ist alles bereit zu gehen. Und ich werde Ihnen auch zeigen, wie man Datenbanken in PHP einrichtet. Meine war im Kurs als auch eso gewesen, wenn sie auf und bereit sind und Sie alles eingerichtet haben , erstellen Sie Ihre Index stecken PHP-Datei Öffnen Sie die PHP-Syntax, die weniger als Zeichen Frage verstanden wird Mark PHP-Typ hatte so etwas wie Echo. - Hallo. Und nur um sicherzustellen, dass PHP läuft, speichern Sie das, gehen Sie zurück zu Ihrem lokalen Host, aktualisieren Sie es. Und wenn Sie das auftauchen, dann wissen Sie, dass Sie PHP laufen lassen. Wenn Sie die gesamte PHP-Syntax, das Fragezeichen im PHP auch in Ihrer Ausgabe erhalten, dann wissen Sie, dass PHP nicht eso läuft. Es ist eine schnelle Möglichkeit, ein GIs zu sagen, einen PHP-Code auszuführen und dann auch zu versuchen, zum lokalen Host zu gehen. PHP zuzugeben und zu sehen, ob Sie in Ihrem Beispiel darauf zugreifen können. Die erste 2, die Sie ausführen müssen, ist dieser patchy Server. Also geh einfach voran und schlag. Beginnen Sie damit und auch den my sequel server. Also gehen Sie voran und schlagen. Fangen Sie damit an. Sie müssen also beide die 1. 1 gestartet haben, um den lokalen Host zu machen, und dann die 2. 1, um die meine Fortsetzung im Hintergrund laufen zu lassen, die auch von PHP zugänglich ist. Ich gebe zu. Also, wenn Sie an diesem Punkt sind, dass wir bereit sind, die Lektion zu beginnen und beginnen, unser A p I zu erstellen . Und das kommt in der nächsten Lektion 4. 3 Quick jQuery intro und wie du es deinen Webseiten hinzufügen kannst: diese Lektion. Ich möchte J Query in unsere Webanwendung bringen. Also, was ich jetzt habe, ist nur eine grundlegende Standardvorlage, die bereit ist zu gehen. Und ich bin bereit zu beginnen, meine Programmierung zu diesem s hinzuzufügen. Zunächst einmal möchte ich meine Jake Worry-Bibliothek in diese Webseite bringen. Gehen wir zu den gehosteten Bibliotheken und wählen Sie die J Coury-Bibliothek aus. Bringen Sie das auf unsere Webseite. Also, jetzt werden wir Zugriff auf die J Quarry Bibliothek haben, dass ich auch eine PHP-Datei erstelle. Eso muss es eigentlich nicht eine PHP-Datei sein, kann eine HTML-Datei sein, aber das ist nur, weil ich eine PHP-Datei benötigen werde, um die Server-Interaktion zu erstellen. Also werde ich es einfach als PHP-Datei konsistent halten. Also, das ist eigentlich nicht relevant. Welche Art von Datei ich erstelle eine ZA, solange es eine Webdatei sein wird, könnte auch HTML sein . Eso Was wir auch brauchen, ist, dass ich hier einige Eingaben erstellen muss, wo wir einige Informationen hinzufügen können und dass wir über in unser Web senden ap I und auch werde ich zeigen, wie g Corey funktioniert. Es wird einen kurzen kurzen Durchlauf über Jake Sorgen auch in dieser Lektion geben. also zunächst Erstellen Siealso zunächst einfach eine Eingabe eng. Wir werden ein Typ-Eingabefeld erstellen, nur ein Texteingabefeld. Geben Sie ihm einen Namen aus, vielleicht nennen Sie es einfach einen Namen und ein i d , so dass wir leicht auf sie innerhalb unserer JavaScript RJ Abfrage zugreifen können. Und ich werde auch einen voreingestellten Wert darauf setzen, damit ich nicht ständig Werte hinzufügen muss. Eso da. Ich habe mein Eingabefeld. Ich habe einen Wert von Tester und jetzt lassen Sie uns R J coury einrichten. Also werde ich den Job erledigen. Die Jake-Sorge auf Seite Ein Schwung. Also muss ich nicht zwischen verschiedenen Dateien durchblättern. Also normalerweise, wenn Sie Job-Skript schreiben, gute Idee, eine separate JS-Datei zu erstellen und Ihren gesamten Quellcode zu behalten, und es gibt, so dass Sie das einfach in jede Webseite verlinken können und all das -Funktionalität. Und so, während ich es ausbaue, werde ich es als separate innerhalb des Skripts auf Seite behalten. Aber ich werde es ausbauen, nachdem ich den Code danach kopiert und eine separate JavaScript-Bibliothek erstellt habe. Eso Beginnen wir mit der Erstellung der J Corey-Funktionalität. Also werde ich nur Kurzform verwenden. Siehe, Auch wahrscheinlich sehen Dokument bereit mit Jake Larry s. Oh, das ist nur ein kurzes Format. Um sicherzustellen, dass Dom geladen wurde und dass alles bereit ist, mit Jake zu gehen tragen eso zu tun, dies einzurichten, ist das Gleiche. Es ist klug, bereit zu dokumentieren, also könnte ich genauso einfach in so etwas richtig sein, so dass es die gleiche Funktionalität bietet. Aber ich möchte das kurze Format verwenden, also werde ich es in Funktion halten. Aber das ist nur eine Anmerkung, dass dies das gleiche sein wird wie das Schreiben eines Dokuments bereit. Also für diejenigen von Ihnen, die besser mit dem Zugriff auf Geek Sorgen in dieser Art von Format vertraut sind , ist dies nur eine andere Möglichkeit, dies zu tun und im Grunde, was hier passiert, was diese Funktion tun wird, es ist ausgelöst wird, wenn das Dokument geladen wurde. Einige konnten keinen Dokumentverzeichnisaufruf an das Dokument s durchführen, so dass Sie einen Blick werfen können und wir sehen, dass das Dokument in die Seite geladen wurde. Lassen Sie uns zum lokalen Host gehen und wir sehen, dass jetzt die Dokumente geladen und das Dokument im Wesentlichen repräsentiert, was innerhalb des dom ist. Und wir haben Zugriff auf all diese Objekte, die im Dokument enthalten sind. Und wieder, wenn Sie mit JavaScript und G-Abfrage vertraut sind, bedeutet das im Wesentlichen, dass Sie sich mit einem dieser Ereignis-Listener auf Ihrer Seite verbinden können . Sie können Informationen wie den Ursprung auf erhalten, und Sie erhalten hier eine ganze Reihe von Informationen, auf die Sie Zugriff erhalten und dann in Ihren JavaScript-Code eintragen können . In der nächsten Lektion werden wir uns also mit dem Aufbau einiger zusätzlicher Funktionen beschäftigen. Vielleicht werden wir J-Abfrage verwenden, den Wert, der hier ist, um zu simulieren, Werte aus dem Rest unserer Webseite zu erhalten, und dann werden Webseite zu erhalten, wir Ihnen in den späteren Lektionen zeigen, wie Sie auf Inhalte zugreifen können, Web -Inhalte mit Ajax. Und dann bauen wir unser eigenes A P I aus und machen Verbindungen dazu von vorne vor Gericht. Also kommt das alles auf. 5. 4 Arbeiten mit jQuery: in dieser Lektion wollte ich einen weiteren schnellen Überblick über J Query geben, wie man es benutzt und wie wir es in unseren Webprojekten nutzen können. So hat Ihnen zuvor gezeigt, wie Sie Jake Worry in Ihr Projekt bringen können. Sehen wir uns an, was wir mit Jake müde machen können, und ich werde es für den Inhalt des Kurses relevant halten. Und wenn Sie nicht vertraut sind, Jake, wo es mir vertraut, gibt es eine Menge Dinge, die gleichermaßen und es ist wirklich toll, J-Abfrage in Ihren Projekten zu verwenden , weil, wie sie sagen, es erlaubt , um Ihre Webseiten schneller und einfacher zu machen. Verwenden von G Abfrage. Also einfach vereinfachte Funktionalität. Es ist eine JavaScript-Bibliothek und erlauben sollte vereinfachte Funktionalität haben, die Sie leicht über die G Steinbruchmethoden aufrufen können. Werfen wir einen Blick auf das, was wir bisher getan haben. Also haben wir hier eine Eingabe und mit Jay Query, weil wir Zugriff auf alle Dämmerungsinformationen haben , können wir wirklich leicht auf Inhalte zugreifen, die in der Kuppel enthalten sind. Wenn wir also herausfinden wollen, was in diesem Eingabefeld enthalten ist, müssen wir darauf zugreifen. Und wir haben hier ein sehr kurzes Format. Das ist also das gleiche wie in JavaScript, wo wir das Dokument von D. erhalten würden aber Jake Sorge hat es viel einfacher gemacht. Im Wesentlichen ist dies alles, was wir tun müssen, um zu diesem dom-Element zu sammeln, dass wir es nur durch i d auswählen Verwenden Sie den Hash für I ds verwendet den Punkt für Klassen und dann nichts für nur die Tag-Namen . Und das ist das gleiche Format. Wenn Sie mit CSS vertraut sind, die Sie verwenden würden, um die verschiedenen Elemente innerhalb der Seite zu identifizieren . Als nächstes müssen wir diesen Wert auswählen. Also müssen wir nur eine andere G Steinbruch Methode VL angeben. Und das ist alles, was wir tun müssen, um diesen Wert aufzuheben. Eso kann ich es auch in eine Variable einfügen. Also nennen Sie es einfach Wert eins, und ich werde das hier unten bringen und den Mehrwert hier reingehen, und ich werde Ihnen zeigen, dass wir tatsächlich die Inhalte bekommen können, die in unserem Wertfeld enthalten sind . Also lasst uns darauf hoffen. Aktualisieren Sie es. Schauen Sie in die Konsole und wir bekommen, was auch immer Wert da drin ist. Also jetzt, ab sofort, wenn ich es aktualisiere, sind wir es nicht. Wir rufen nicht wirklich zurück, also haben wir noch keine Möglichkeit, es zu aktualisieren. Das muss auch in hinzugefügt werden, und der beste Weg, das in hinzuzufügen, ist die Verwendung von Jake Worry erneut und das Hinzufügen eines Ereignis-Listener. Also haben wir früher gesehen, dass alle Dom-Elemente, die alle Ereignis-Listener enthalten, und es gibt eine ganze Reihe von Sachen, die innerhalb des Dunk verfügbar sind. Und J. Query macht es super einfachen Zugang und schafft Interaktion innerhalb Ihrer Elemente Ihrer HTML-Seite. Und ich versuche, dies ziemlich schnell für diejenigen von Ihnen zu durchlaufen, die bereits mit der Verwendung von G-Abfrage vertraut sind . Das ist also nur eine Rezension. Ich werde diese Elementklasse der Schaltfläche geben, und ich werde einfach Click Me hier drüben setzen. Ich werde einen Stil aktualisieren, und ich werde einen wirklich einfachen Button-Stil erstellen. So geben Sie ihm eine Grenze ein Pick, solide schwarze Grenze und geben Sie ihm auch etwas Eintopfen. Es sieht also ein bisschen mehr wie ein Knopf aus und so schließen Sie das einfach ab. Werfen Sie einen kurzen Blick und sehen Sie, wie es aussieht. Es gibt also unseren Knopf da, also wollen wir ihn vielleicht auch kleiner halten. Vielleicht wollen wir also nicht blockieren. Wir wollen Anzeige gehen Also werden wir in Line-Block hinzufügen und lassen Sie uns einen Blick darauf werfen. Jetzt sieht es eher wie ein Knopf aus. Und jetzt, was wir tun wollen, ist in der Lage, darauf zu klicken und unsere Funktionalität hinzuzufügen. Und das ist alles mit Jay Query erledigt. Also lasst uns das wirklich schnell machen. Super, schnell. Wir werden dort abholen, wo wir hier aufgehört haben und einen Event-Zuhörer schaffen eso das die vier Mattis gleich. Was auch immer. Wir wählen ein beliebiges Element auf unserer Webseite aus. Wir müssen es einfach auswählen, indem wir darauf zugreifen. Also vielleicht, was ich tun werde, ist, dass ich ihm ein Nachthemd von Knopf eins geben werde, falls wir beschlossen haben, dass wir in ein paar zusätzliche Tasten hinzufügen wollen eso wir werden Button eins machen und hinzufügen. So ist der Ereignis-Listener klicken und jetzt haben wir die Wahl. Wir können entweder einfach in die Funktion hier hinzufügen oder wir können die Funktion dessen schreiben, was wir passieren wollen, wenn die Schaltfläche geklickt wird. Also lasst uns voran gehen und Daten schreiben. Schließen Sie die Klammern dort ab und jetzt müssen wir unsere Funktionalität haben. Vielleicht kopieren Sie das einfach und fügen Sie es dort ein. Also werfen wir einen Blick auf das, was jetzt in unserem Web-Browser passiert. Also jetzt, wenn ich oben auf dieser Schaltfläche gehe und wenn ich darauf klicke, sehen wir, dass den Wert dort von Tester abfeuerten und wenn eine weitere Anpassung hier. Also wollen wir den Wert aufheben, der in diesem Element zum Zeitpunkt des Klicks enthalten ist . Also, wenn wir es aktualisieren, aktualisieren wir den Inhalt. Wir können sehen, dass wir jetzt den neuen Wert erhalten, der in diesem Eingabefeld enthalten ist, und wir können darauf klicken. Wir können es hier in unsere Konsole ziehen, und wir können sehen, dass es das aufnimmt, und es macht eine vollständige Verarbeitung des Inhalts, der in diesem Eingabefeld enthalten ist, in der Lage war, es zu verwenden und es zu bringen in unser Web-Projekt. Also hier drüben hatten wir einen variablen Container dafür gesetzt. Eso, wir könnten das Gleiche hier tun, und wir könnten einfach nur Wert eins machen. Und halten Sie das innerhalb dieses Knopfes klicken, weil wir immer in der Lage sein wollen, zurück zu überprüfen was der aktuelle Wert des Hundes ist und in der Lage sein, das so zu setzen, dass es ein wichtiger Teil davon ist. Denn wenn wir fortlaufend die vorherige Version aufrufen, erhalten wir möglicherweise nicht unbedingt die Updates. Stellen Sie also sicher, dass Sie einen Ausflug zu diesem Element einschließen ,den aktuellen Wert dieses Elements aufnehmen und ihn dann in die Variable einfügen. , Und dann setzen wir diese variablen Informationen aus. Also die nächste Lektion werden wir in Ajax-Anrufe mit einer Abfrage springen. Und hier wird es wirklich aufregend, denn es gibt so viele erstaunliche Dinge, die man mit J. Corey und Ajax machen kann . Und es ist wirklich einfach, mit diesen Ajax-Aufrufen innerhalb Ihrer Web-Projekte zu beginnen. Also, das kommt in der nächsten Lektion. 6. 5 jQuery Ajax Methoden: die vorherige Lektion. Wir haben uns einige grundlegende Funktionen angesehen, die in J-Abfrage verfügbar ist. Gehen wir also einen Schritt weiter. Und anstatt einfach nur diesen Inhalt auszuschreiben, werden wir einen Ajax-Aufruf erstellen. Im Wesentlichen, was jeder Aufruf von Jack tut, ist es Ihnen erlaubt, sich online mit einer anderen Datei zu verbinden und Informationen zurückzuziehen , Daten und Informationen an sie zu senden und diese Informationen zurückzuziehen und all dies ohne Seite zu tun wird neu geladen. Und sie haben innerhalb der J Abfrage. Es gibt also einen einzigen Aufruf, der alle diese Parameter umfassen kann, bei denen Sie verschiedene Typen festlegen,deren get oder post sehen können verschiedene Typen festlegen, . Sie können Ihren Datentyp s festlegen. Dies ist also einer mit einem, den wir verwenden werden, und es ist einfach nur Ajax. Diese Methode ist also die Ajax-Methode, und jetzt müssen wir einige Parameter einrichten. Also müssen wir eine Sie Earl angeben, die wir zwei schicken wollen oder wir wollen Informationen abholen , und wir müssen auch die Art der Art von Anfragen angeben, die es eso sein wird. In der Regel könnten Sie bekommen oder posten, also werden wir ein get für dieses tun, und wir werden auch den Datentyp angeben. Der Datentyp, den wir hier erwarten werden, wird Jason-formatierte Daten sein. Jason ist also weg. Teoh JavaScript-Objekte. Es ist ein Javascript-Objektformat, um Daten zu übertragen. Oh, das ist wirklich schnelle und einfache Möglichkeit, Daten zu übertragen. Es ist auch menschlich lesbar. Also, was wir jetzt tun müssen, ist eine Jason-Akte abzuholen. Hier werde ich meine Jason Dot Com benutzen. Dies ist ah, eine Website, wo Sie einfach einige Jason erstellen und speichern Sie es online, und dann, natürlich, haben Sie Zugriff auf es s hier drüben. Haben einfach eine einfache Jason-Datei mit einer Idee von 100 Namen Lawrence Unternehmen Discovery V i p.erstellt V i p. und wenn Sie eine richtige Jason-Datei erstellen, sie geben Ihnen auch die Möglichkeit, dass Jason direkt über die gewesen zugreifen. Das ist also gleich hier drüben. Eso Jetzt können wir auf diese Informationen zugreifen, und wir können das in unser Projekt unserer u R l s setzen. Oh, da gehen wir. Also, wenn wir jetzt auf diesen Knopf klicken, werden wir durchlaufen und wir werden diese Jason-Akte verarbeiten. Mal sehen, was passiert. Wenn ich darauf klicke, es eigentlich nicht so aus, als ob noch etwas passiert. Und das liegt daran, dass Jason mehrere Punkte hat, an denen man damit interagieren kann . Also dieser Ajax-Aufruf, obwohl er vielleicht abgeschlossen ist, haben wir nicht angegeben, was wir nach Abschluss tun wollen. Und so kommt hier die fertige Funktion ins Spiel. Im Wesentlichen gibt Ihnen dies Teoh die Möglichkeit, eine Callback-Funktion zu schreiben, wenn dieser bestimmte Ajax-Aufruf Run, schwächen, String dies ist schwächen, . Wir können es hier auch nur innerhalb dieses Ajax-Anrufs anhängen. Wir können die Funktion ausführen, einen Parameter einschließen, der so im Wesentlichen ist, dass dies der Parameter ist, den wir die Rückrufdaten erhalten und wir werden das aufheben , und dann können wir das in unseren Webprojekten nutzen. Eso vorerst. Lassen Sie uns einfach die Konsole ausloggen. Konsul Logging-Daten. Stellen Sie sicher, dass es mit dem Parameter übereinstimmt, den Sie in Ihrer Callback-Funktion haben. Aktualisieren Sie es, klicken Sie darauf. Und jetzt greifen wir tatsächlich auf die Daten aus dieser Datei hier drüben zu. Ah, und es ist Azizi. Ist dieser Hinweis, dass es keine Seitenaktualisierungen gibt. Und natürlich, wenn wir diese Daten ändern würden, was wir normalerweise tun würden. Wenn wir an einen Server anhängen, würde der Server die Jason-Daten erzeugen und aussetzen. Es ist so, dass sich das ändern würde, da wir mehr Parameter übergeben. Und ich werde dir zeigen, wie du das in den kommenden Lektionen machst. Aber für den Moment möchte ich einfach zeigen, wie Ajax funktioniert und wie effizient G-Abfrage bei der Erstellung von Ajax ist. Wirklich kurzer Ajax formatierter Code. Und es ist so super funktional und einfach zu bedienen. Es gibt also eine Reihe anderer Ajax-Methoden, die wir hier auch hinzufügen können. Es gibt also einen anderen namens Fail, also wird dieser abfeuern, wenn er fehlschlägt. Wenn wir keine richtige Antwort vom Server erhalten, passiert etwas. Wir können diese Methode ausführen, also werde ich Ihnen schnell zeigen, wie diese funktionieren wird, und es gibt mehrere Parameter, die zurückkommen. Also gibt es die Achtel X h R Daten. Es gibt auch einige Textstatusdaten und so weiter, die zurückgegeben werden. Also zeige ich Ihnen, was passiert, wenn es scheitert und was wir tatsächlich sehen, wenn es scheitert. Also lassen Sie uns diese Konsole über kopieren und ex HR kopieren. Und vielleicht können wir auch ein anderes Konsolenprotokoll für den Textstatus erstellen, und jetzt müssen wir es scheitern lassen. Also lasst uns kreieren. Lassen Sie uns versuchen, sich mit der falschen URL zu verbinden und wir werden sehen, was passiert. Also aktualisieren Sie es, klicken Sie und wir sehen, dass wir diesen Fehler bekommen. Hier s, so dass wir tatsächlich den Status hier zurück bekommen, da ein Fehler nicht viel zu oft angeklickt wird. Eso Wir haben nur eine Sekunde hier zu geben und wir sehen, dass wir zunächst die JavaScript-Luft dort bekommen , dass dies die falsche URL ist. Aber dann sind wir auch Konsul, das zurückgegebene Objektobjekt abmeldet, das ex HR-Objekt eso und es enthält alle Informationen, die wir benötigen, um festzustellen, was fehlgeschlagen ist. So gibt es Status, Text und so weiter. Und dann natürlich können wir natürlicheinfach durch den Statustext gehen. Das passiert also, wenn es scheitert. Und natürlich möchte ich nicht, dass das s o fehlschlägt. Dies ist nur etwas, das Sie in Ihren Ajax-Aufrufen hinzufügen können, falls Sie aus irgendeinem Grund keine Verbindung herstellen, und Sie möchten sehen, was die Fehler sind und Sie möchten ein Rückruf, Art von Funktionalität, die ausgeführt wird, falls es fehlschlägt. Sie können auch die Fail-Methode hinzufügen. Also ketten Sie das einfach zusammen, fertig, scheitern. Und es gibt auch einige andere, über die wir nicht reden werden. Aber es gibt eine Reihe von anderen, die Sie auch hinzufügen können, um zusätzliche Funktionalität innerhalb der Call Box der Ajax-Methode innerhalb der Verwendung von J Query zu erzeugen . Also, in der nächsten Lektion, werden wir Ihnen vorstellen, einige Daten zu posten und einige Daten zu einem Server Vienna Ajax Anruf zu senden . Und dafür müssen wir tatsächlich eine PHP-Datei einrichten, um diese Informationen zu erhalten. Eso, das kommt alles in den nächsten kleinen Lektionen. Wir werden in einige PHP-Codierung springen und Ihnen zeigen, wie Sie diesen Server PHP-Code einrichten um diese Ajax-Anfragen bearbeiten zu können und dann auch einige Informationen zurück an diese Datei an die Front und Code senden . Und dann sind wir in der Lage, die Daten zu nutzen, die wir zurücksenden. Also all das kommt 7. 7 AJAX Inhalt an AJAX veröffentlichen: in dieser Lektion. Ich möchte Ihnen zeigen, wie Sie Ihren PHP-Endpunkt einrichten können. So haben wir uns vorher angesehen, wie wir get Teoh verwenden können, gehen Sie zu einer bestimmten URL, gaben den Inhalt der URL zurück, geben sie in unserem JavaScript aus, und wir können es auch in unserem JavaScript verwenden. Also sahen wir, dass, wenn wer auch immer wir klicken, wir zurückkehrten diesen ich d Namen und so weiter. Und dies wird als Objekt zurückgegeben. Wenn ich also Zugriff auf den Namen haben möchte, könnte ich einfach den Datenpunktnamen anstelle der Konsole das gesamte Objekt abmelden. Alles, was ich zurückkomme, ist der Name und erinnere mich noch einmal. Dies stellt also eine Verbindung zu dieser Webdatei her. Wenn sich also der Inhalt dieser Webdatei ändert, ändert sich auch der Inhalt der Informationen, die zurückbehandelt wurden . Was wir also in unserem A p I tun wollen, ist, dass wir in der Lage sein, einige Daten an den Server zu senden und sie innerhalb unserer Datenbank zu aktualisieren und dann zurück und da, um, um, Bestätigungsdaten zurück an die Ursprungsseite zu senden, um sicherzustellen, dass um, um, dass wir tatsächlich diese Informationen erhalten haben. Deshalb möchten wir diesen Inhalt im Wesentlichen veröffentlichen. Eso der Unterschied zwischen get und post post ist sicherer und in der Regel verwendet. Wenn Sie Werte in PHP-Skript senden möchten, so typischerweise werden Sie Post verwenden. Also müssen wir nur diesen Typ aktualisieren, um unseren Ajax-Aufruf zu aktualisieren. Und deshalb ist dieser hier wirklich gut. Denn alles, was wir tun müssen, ist, diese Parameter zu aktualisieren und wir können es etwas völlig anderes machen lassen. Eso Gehen wir weiter, erstellen Sie eine Datei namens p i dot PHP und dann in dieser Datei wird dies eine PHP-Datei sein. So öffnen wir unseren PHP-Scripting-Bereich mit dem weniger als Fragezeichen PHP Fragezeichen größer als Symbol s. Jetzt haben wir eine PHP-Datei. Lassen Sie uns das Mädchen einfach damit verknüpfen. Da sich dies auf der gleichen Route befindet, wie mein Index PHP stecken lässt, muss ich nur ein p i dot PHP einfügen. Und natürlich, wenn Sie eine Webadresse hätten, müssten Sie so voll eingeben, dass Sie ich sind, um diese Informationen senden zu können . Sie einen Blick auf diesen Ajax-Anruf, was im Ajax-Aufruf fehlt? Wenn wir uns die Buben ansehen, rufen wir an. Wir haben, dass du l bist, wo wir ihre Daten schicken, wir haben den Typ. Die Methode, wie wir diesen Datenpostdatentyp senden, den wir erwarten, ist Jason, aber wir senden eigentlich keine Daten. Wir haben noch keine Möglichkeit, Daten zu senden, also ist dies ein weiterer Parameter, den wir hinzufügen müssen. Also könnten wir dieses hinzufügen, und dieses hier wird nur genannt, natürlich Daten. Es macht also Sinn, dass Dateninhalt nur Daten genannt werden würde. Und normalerweise möchte ich dort eine Variable eingeben und hinzufügen, also enthalten Sie eine Reihe von Informationen. Senden Sie es als Daten, also ist dies kein Objektformat, und dann senden wir das über Post an die a p i dot PHP-Datei. Also lasst uns die Variable namens V A. R. S.aufbauen R. S. und damit werden wir gleich sein. Dies muss also ein Objekt sein und es ist in einem Format formatiert. Also Daten und wir müssen tatsächlich. Vielleicht, wenn Sie diesen Namen nennen wollen, können wir den Wert, den wir hier haben, vom Namenswert abholen und diese Informationen senden . Ich werde das loswerden. Um die Verwirrung zu vermeiden, dies loswerden. Vermeiden Sie noch mehr Verwirrung. Eso Gerade jetzt, ab sofort, wenn wir auf die Schaltfläche klicken, werden wir den Wert des Namens in die PHP-Datei senden. Und so bedeutet das, dass wir das auf unserem PHP-PCP-Ende abholen müssen. Also für jetzt, lassen Sie uns einfach sicherstellen, dass alles richtig funktioniert und wir werden über die Post abholen . Das sollte also ein Dollar-Zeichen Post sein, und wir müssen diesem Teoh den Namen hier entsprechen, an den wir ihn senden, damit Sie ihn innerhalb des PHP-Bereichs abholen können . Und alles, was wir tun, ist, einfach die Inhalte auszuschreiben, die wir in diesem Ajax-Anruf senden . Also lassen Sie uns den Anzug überprüfen und sehen, wie das funktioniert, bevor wir eine andere Sache tun, müssen wir hier aktualisieren. Wir wollen den Datentyp als Jason loswerden, weil wir eigentlich noch nicht Jason-Informationen abrufen werden , weil dies nur einfach Text ist, den wir eso wieder setzen. Wir setzen den Wert, der in diesem Eingabefeld enthalten ist. Also hier drüben, in dem i d Namen enthalten, es als eine Variable namens name einrichten, all diese Variablen hinzufügen, als Daten, die wir innerhalb unseres Ajax senden, die über zwei PHP aufgerufen wird, erhält PHP die Post-Methoden. Es muss also mit dem Typ dort übereinstimmen und muss derselbe Wert sein, der innerhalb unseres Variablenobjekts oder eines Datenobjekts gesendet wurde . Und sobald alles ausgerichtet ist, schauen wir uns das an, aktualisieren Sie es und senden Sie einfach einen Klick, damit wir so etwas wie Click One tun können. Und jetzt sehen wir, dass unser Code tatsächlich eine Hin- und Rückfahrt macht. Beachten Sie also, dass keine Seite neu geladen wird. Es nimmt diesen Wert auf, sendet ihn an die A P I Datei und dann alles, was wir tun, ist einfach nur diese Informationen als Antwort auszuschreiben . Also, wenn wir es immer noch als Jason behalten, was wir tun wollen und wir wollen eigentlich Ausgabe, dieser Inhalt in einem Jason-Format. Dann müssen wir dies noch einmal aktualisieren und diesen Datentyp hinzufügen. Also wieder, wir bringen diesen Datentyp zurück. Das ist also nur Datentyp. Und dann müssen wir angeben, dass das Jason Data sein wird, und ich zeige Ihnen, jetzt wird es tatsächlich auf Fehler werfen. Sollte immer noch einige Informationen zurückgeben. Aber wir sehen, dass wir einen Fehler werfen, also sehen wir, dass unser Antworttext korrekt ist. Aber wir werfen tatsächlich einen Fehler, weil er ihn nicht in einem Jason-Format zurückruft . Und das ist eigentlich, was wir vom A P I zurückholen wollen also werde ich Ihnen zeigen, wie Sie das beheben können und Jason für Meta-Daten zurückschicken. Es sieht also genau so aus in der Ausgabe, die wir mit unserem PHP-Code erstellen werden. Also, das kommt in der nächsten Lektion. 8. 8 PHP als JSON-Daten: in der vorherigen Lektion haben wir gesehen, wie wir Inhalte an unseren Webserver zu unserem PHP-Code senden, ihn aufheben und setzen können. Und leider wir hier immer noch eine Luft, weil wir Jason Data erwarten. Es wird also wirklich einfach sein, sich darum zu kümmern. Und das ist eigentlich etwas, das wir nutzen müssen, um unseren AP aufzubauen I Also das erste, was ich tun möchte, ist auf einem Ray eingerichtet. Also möchte ich tatsächlich alle meine Inhalte in einem Re-Format posten und das wird Und sobald ich es als eine Seite Jason parse und codiere es, dann wird es tatsächlich richtig formatiert werden, um von unserer Ajax-Kohle abgeholt zu werden. Werfen wir einen Blick darauf und sehen, was wir mit der richtigen Formatierung tun können. Jetzt, wo wir unser Rennen eingerichtet haben, können wir aufstellen, wir können Werte daran anhängen. Also für den Moment, lassen Sie uns einfach tun, wir werden es einfach Daten nennen und wir werden diese Daten mit den Post-Informationen gleich machen und dann hier werden wir uns widerspiegeln. Wir werden eine Methode verwenden, die wir handeln werden, also könnten wir das Array eh zitieren. Aber es wird es nicht richtig bewerten, weil das natürlichkeine Rate ist natürlich . Sie können es nicht innerhalb von echo ausschreiben, daher müssen wir es in einem Jason-Format formatieren. Und zum Glück für uns gibt es eine Methode in PHP, die Jason-Codierung durchführt. Und jetzt, wenn wir diese Informationen veröffentlichen, gehen wir zurück zu hier, aktualisieren sie, schicken sie sie rüber. Also funktioniert alles einwandfrei. Wir sehen, dass das Objekt, das wieder abgerufen wurde, ist üblich izing, dass re, dass wir gerade erstellt. Also haben wir es mit einem Elementnamen von Daten erstellt und wir sehen, dass der Wert Tester war. Das stimmt also mit den Informationen überein, die wir aufgenommen und in unsere PHP-Datei geschickt haben und es als Jason-formatierten Inhalt codieren konnten eso wir auch können Und wenn Sie dies mit PHP erstellen , könnte Post manchmal ein bisschen sein schwer zu arbeiten, weil Sie nicht tatsächlich auf den lokalen Host eine p i dot PHP-Datei gehen und eine Ausgabe erhalten können. Wir sehen, dass wir einen definierten Namen erhalten, aber wir haben immer noch dieses Datenarray dort, also keine Dinge warfen im Wesentlichen einen Fehler, und wir wollen das nicht tun. Wenn man sich diese URL tatsächlich anschaut, ohne vielleicht wollen wir ein was bauen? Dieser Inhalt als Jason formatiert, ohne tatsächlich etwas zu veröffentlichen. Eso warten darauf und ein Weg, dies zu tun, ist, wenn wir uns die Anforderungsmethode ansehen und sicherstellen können , dass es Post ist. Und wenn es Post ist, dass wir voran gehen und das tun und wenn es nicht Post als für den Array-Datenwert ist, werden wir etwas anderes setzen, so wurde nicht gepostet. Also, wenn ich jetzt wieder hier raus gehe und es aktualisiere, sehen wir, dass Daten nicht gepostet wurden. Eso, das funktioniert einwandfrei. Und so können Sie tatsächlich sehen, dass dieser Inhalt in demselben Jason-Format ausgegeben wird , das wir mit der my Jason dot com-Datei gesehen haben. Und jetzt, natürlich, wenn wir zusätzliche Inhalte innerhalb unserer Rate hinzufügen wollten, macht es wirklich einfach, eso zu tun. Wenn ich so etwas wie Status oder so etwas machen wollte, kann ich ihn den Status bereit machen. Aktualisieren Sie es. Wir sehen, dass wir hier wieder den Status bereit bekommen. Wir können sehen, dass wir das tun. Botschaft des Konsuls. Wir bekommen den Status bereit, wir erhalten die Daten als Jason-Objekt zurückgegeben, und das ist wirklich nützlich. Es ist ein wirklich nützliches für Mount, das es uns ermöglicht, die zurückgegebenen Daten wirklich einfach einzubringen und sie genau wie mit dieser Jason-Datei zu verwenden und sie in unserem JavaScript zu verwenden. Also, wenn wir so etwas wie Daten machen wollten und ich denke, wir rufen Datendaten an, damit wir so etwas wie Datendaten machen wollen , zu denen wir hier rüber gehen können , sie aktualisieren, das senden. Und jetzt ist alles, was wir tun, zurückzukehren. Diese anfänglichen Datendaten Informationen, die wir früher eingerichtet hatten, weil sie als Jason-Objekt zurückgegeben werden . Der Datentyp ist Jason. Es erwartet also ein Jason-Objekt. Wir müssen nicht wirklich viel mehr tun. Wir können einfach abholen, dass die zurückgegebenen Informationen in dem Parameter namens Daten oder was auch immer wir es nennen wollen. Wir könnten es auch „D“ nennen. Und dann wir Dies könnte ein wenig weniger verwirrend sein, so dass wir den Parameter d tun und D und den Datenwert zurückgeben können, der assoziierte ID mit diesem bestimmten Objekt ist. der nächsten Lektion werde ich Ihnen noch mehr zeigen, was wir tun können und wie wir unsere A P I weiter ausbauen können , um es viel funktioneller zu machen. Also, das kommt alles in der nächsten Reihe von Lektionen. 9. 9 AJAX versenden mehrere Werte an PHP: Also diese Lektion möchte ich zurück in den Aufbau unserer HTML-Seite springen. Also richten wir 11 Eingabefeld ein. Anfangs nannten wir es Namen, also lassen Sie uns vielleicht einige zusätzliche Eingabefelder einrichten. Also gib es Ah, Name hier und füge in einigen Zeilenumbrüchen hinzu, eso vielleicht könnte dieser ein Unternehmen sein und es als Textfirma behalten . Also versuchen wir immer wieder, uns viel davon konsistent zu halten. Eso Es ist viel lesbarer und leicht zu verstehen, dass. So viel wie möglich. Anstatt mich zu klicken, werde ich gehen senden Daten eso andere als Unternehmen Vielleicht haben wir Kosten oder so etwas . Also, wir schließen uns an, also könnte dieser Preis kosten. Unser Wert wird 10 statt Text sein. Lasst uns diese Zehennummer auf aktualisieren und vielleicht letztendlich, was wir haben wollen, ist eine eindeutige Identifikation oder so geben wir ihr ein I d und das wird wieder eine Nummer sein. Und wir nennen es einfach X. I d ex I D. und dann mit einem Wert angefangen. Ihre eso auch, ähm, gut aktualisieren Sie dies auf den Unternehmenswert. Also jetzt haben wir eine Reihe von Parametern dort, die wir aufnehmen können und wir nutzen können. Und wir haben noch mehr Informationen. Wir stimmen zu, r A p I. Also ist es eine gute Sache, dass wir dies ursprünglich einrichten, Teoh Arbeit als Objekt und dann das Datum, das wir senden ihre, weil dies macht es eine ganze Menge einfacher, um dies zu setzen thes Parameter. Also werde ich es in derselben Reihenfolge behalten. Also werde ich hier nur ein paar zusätzliche Felder einfügen. Polizei, ältere Felder, verschönern es, mit dem eingebauten, verschönern ihre innerhalb Oder tatsächlich, das ist ah, auf Komponente hinzufügen. Also Extension-Manager. Und wenn Sie einige zusätzliche hinzufügen erhalten möchten, besitzt dieses, das ich hier verwende, ist das nur eine schöne Ire. Also wieder, dies ist in Klammern auf Lee verfügbar, und es hat eine Reihe von diesen Erweiterungen. Also für den Fall, Sie sich fragen, was ich gerade dort gemacht habe, da dass Sie sich fragen, was ich gerade dort gemacht habe, dakam das her. Eso, lasst uns die jetzt aufstellen. Also müssen wir übergeben, was wir einen Wert für X i d übergeben wollen . Lassen Sie uns über das Unternehmen gehen, schätzen sein Unternehmen und lassen Sie uns Kosten und Kosten einrichten und die Kosten des Wertes senden. Also jetzt senden wir alle diese Werte an ein Serverende. Jedes Mal, wenn wir auf diese Schaltfläche Daten senden klicken. Also jetzt müssen wir es auf dem Server einrichten, um alle diese Werte abholen zu können. Also lasst uns seufzen. Lassen Sie uns diese Methode hier aktualisieren. Und anstatt nur Daten zu tun, kann das sein, was wir wollen, um dies zu nutzen und immer noch aktualisieren, so dass die Namen, alle diese Werte konsistent sind. Also hatten wir einen Namen. Also versuche ich, alles gleich zu halten. Also ist es einfach, ich denke, es ist einfacher zu lesen. Aber natürlich können Sie Ihre eigenen erstellen, dass was auch immer Sinn für Sie macht, diese Werte aufzugreifen . Eso letzte Waas kosten und ich möchte auch ein paar ganze Zahlen sowie ein paar Strings String-Werte enthalten . Es gibt so, dass wir ein wirklich schönes, wirklich schönes Layout aller verschiedenen Werte haben, die wir nutzen können eso. Jetzt haben wir das eingerichtet und wir haben sie alle innerhalb des Arrays gesetzt. Also, wenn es ein Beitrag ist, werden wir diese Informationen richtig herausbekommen, wir nehmen keine Daten mehr auf, also sollte ich dies auch aktualisieren. Also wird es das ganze Objekt setzen und dann werden wir danach damit arbeiten. Werfen wir einen Blick und sehen, was das Ergebnis davon sein wird. Also, was wir jetzt tun, ist, dass wir eine ganze Reihe mehr Parameter haben und wir senden noch mehr Inhalte über. Und wir haben das geändert, also stellen Sie sicher, dass wir die gleichen Parameter haben. Eso lasst uns das nochmal versuchen. So können wir jetzt eine Reihe von Informationen senden und sie auf dem Server abholen und in einem Jason-Format ausgeben . Und das ist perfekt für das, was wir tun wollen, und das ist in der Lage, alle diese Informationen zu lesen und sie in unserer Datenbank zu aktualisieren. Also werde ich Ihnen zeigen, wie man das in den kommenden Lektionen macht. Und sobald wir diese Datenbank einbringen, werden Sie die wahre Macht dessen sehen, was wir hier mit den Ajax-Aufrufen, den PHP-Verbindungen und so weiter zu tun versuchen . Also, das kommt alles in der nächsten Reihe von Lektionen 10. 12 Erstellen Sie eine MySQL: in den nächsten Lektionen waren dabei, unser PHP mit unserer Datenbank zu verbinden. Also das erste, was Sie tun müssen, stellen Sie sicher, dass Sie eine Datenbank haben. Und sobald Sie eine Datenbank haben, wenn Sie Beispiel verwenden, können Sie über den lokalen Host gehen. PHP meine Männer, Wenn Sie Ihren Online-Server verwenden, normalerweise haben viele von ihnen das PHP, das ich gewesen war, wenn Sie auf die Datenbank zugreifen und was PHP mein Administrator tut, ist es uns erlaubt, wirklich in der Lage zu nutzen uh, dieses schöne GeoEye Schnittstellen PHP Interface Toe Access sind meine Fortsetzung Datenbank eso. Was wir tun wollen, ist, dass wir eine Datenbank erstellen wollen. Wir wollen eine Tabelle erstellen und dann etwas schaffen. Also haben wir unseren Datenbanktest, und innerhalb dieses Datenbanktests möchte ich Tabelle erstellen. Also vielleicht werde ich es einfach ein P I nennen. Lassen Sie uns ihm fünf Spalten geben, weil wir vier Daten haben und ich es auch einschließen wollte . Ich d. Also nicht gehen, um dies als die Hauptidee zu nutzen, weil ich auf Auto inkrementelle i d haben will . Innerhalb dieser Tabelle Nähen in einem Schrumpfen dies ein wenig nach unten, so dass wir alle Werte sehen können, die es gibt . Die 1. 1 ist ich d Wir werden es geben. Typ ist ganzzahlig. Die Länge ist 11. Wir werden es automatisch inkrementieren und als primäres Eso-System einrichten. Dies würde uns die Möglichkeit geben, diese Informationen aufzunehmen und sie zu erhöhen. Also, wenn wir neue Daten automatisch einfügen, wird es ein neues einzigartiges I d bekommen. Also als nächstes wollen wir X I d verwenden. Also das ist, was wir hier im Feld rauskamen. Das werden also alle auch ganze Zahlen sein. Die Kosten werden auch eine ganze Zahl sein. So war es dabei, sie auf der Länge von 11 eso zu lassen. Schließlich gab es Name und Firma, also haben wir einen Namen. Das wird also variabler Text sein und lassen Sie uns Gesellschaft machen. Also wird Gesellschaft dieselbe Sache sein, die variabler Text und 2 55 s sein wird . Also jetzt haben wir unseren Tisch eingerichtet und bereit zu gehen und bereit, einige Inhalte in seinem eigenen nächsten zu erhalten . Was wir tun müssen, ist unseren PHP-Code an unsere Datenbank anzuschließen, also werde ich Ihnen zeigen, das in der kommenden Lektion zu tun. 11. 14 Verbindung mit der Datenbank herstellen: Wenn Sie die Tabelle wirklich schnell erstellen möchten, können Sie einfach Tabellen-AP erstellen. Ich habe in Fortsetzung eingegeben und von dort fügen Sie es ein und drücken Sie einfach Go und das wird diese Tabelle automatisch auf die gleiche Weise formatieren, wie ich es in dieser Lektion habe. Also jetzt lasst uns gehen und unsere Verbindung zu unserer Datenbank mit unserer PHP-Datei herstellen. Also werde ich das hier verkleinern. Oder vielleicht mache ich keine Spaltung und verheimliche das. Und jetzt müssen wir eine Verbindung zu unserer Fortsetzungsdatenbank herstellen. Normalerweise tun wir das hier ganz oben, um unsere Datenbankverbindung herzustellen. Also lasst uns das aufstellen. Erstellen Sie eine Variable, um die brandneue Fortsetzung Connection Do New Boy s Q l Ich werde mit Fortsetzung I sa speichern . Es ist meine Fortsetzung suchen. Verbesserte eso gibt uns ein wenig bessere Funktionalität und ein bisschen mehr Sicherheit. Eso Jetzt müssen wir die Parameter angeben. Eso Das erste, was wir angeben müssen, ist, wo der Host, also lokaler Host als nächstes wird der Admin-Benutzername sein. Für, wenn Sie Samp verwenden. Der Standardwert ist root. Standardwert für den Host ist der lokale Host, und der Standardwert für das Kennwort ist nur leer auf. Und natürlich, wenn Sie kein Beispiel verwenden, uh, Ihre Parameter hier sind mehr als wahrscheinlich andere s sein werden . Dies ist das Kennwort für Ihre Datenbank. Und dann schließlich werden wir den Tabellennamen angeben. Also, dass oder die Tabelle, die wir erstellt haben, die Datenbank, die wir erstellt haben, ist test eso. Lassen Sie uns, dass dieser Test dort oben und verbinden Sie es mit dem Datenbanknamen. So ist es, wo die Datenbank befindet. Die URL zu ihm. Der Anzeigenbenutzername, den Männer Passwort und dann schließlich in der Datenbank eingeben. Eso Sobald wir das eingerichtet haben, können wir eine schnelle Überprüfung durchführen, um sicherzustellen, dass alles einwandfrei funktioniert. Eso waren nur eine Bedingung hier innerhalb von PHP wird dieses neue Objekt aufrufen, das wir dieses neue Datenbank-Verbindungsobjekt erstellt haben und nur einen Ping initiieren, der Methode ist . Und wenn wir etwas von diesem Ping zurückbekommen, wissen wir, dass wir verbunden sind. Wenn wir es nicht tun, dann wissen wir, dass wir nicht verbunden sind, eso würde hier nur etwas anderes tun. Und so ist wahrscheinlich eines der besten Dinge, die wir jetzt tun können, unser Gehirn zu nutzen. Sie haben einen Strahl erstellt. Also werde ich das da oben verschieben und das kopieren und es verbinden nennen, verbunden, und wenn wir verbunden sind, wird zurückkehren. Wahr. Und wenn wir nicht verbunden sind, wird zurück falsch. Und auf diese Weise können wir die Ergebnisse innerhalb dieser p i Seite sehen und wir können es von hier aus überprüfen . Wenn wir diese Daten über senden, können wir sehen, was das Ergebnis ist, wenn wir verbunden sind oder nicht. Und wenn unsere Datenbanken angeschlossen sind oder nicht, lassen Sie uns die Seite aktualisieren. Und sie müssen es eigentlich nicht aktualisieren, es sei denn, Jahr wiederholen, aktualisieren, aktualisieren Sie Ihren , Front-End-Code,weil wir immer noch an ihren Back-End-Codes arbeiten. Wir mussten es nicht unbedingt dort aktualisieren, sondern nur um die Konsole dort zu klären, also lassen Sie uns unsere Daten rüber schicken, sehen, was passiert ist. Wir sehen also, dass Verbundenes wahr ist. Das bedeutet, dass wir unsere Datenbankverbindung haben und alles ist ein Ziel, das Einfügen und Arbeiten mit der Datenbank aus unserem PHP-Code. Also sind wir alle bereit, an dieser Stelle zu gehen, um mit unseren Server-Verbindungen fortzusetzen und beginnen einige dieser a p i Funktionalität zu nutzen, die wir nutzen wollen, indem wir unsere Datenbank über PHP verbinden und so weiter. All das werden wir uns in der kommenden Lektion noch mehr ansehen. 12. 15 Inhalte in die Datenbank über AJAX hinzufügen: Also, was wir jetzt tun werden, ist, dass wir unsere Daten in unsere Datenbank einfügen. Ich werde das ein wenig aufräumen, also gibt es nicht so viele Rose hier s, also wissen wir, dass dies im Wesentlichen unsere Datenbankverbindung ist . Wir machen eine schnelle Überprüfung, stellen sicher, dass alles richtig verbunden ist und dass wir alle bereit sind, mit ihrem Code fortzufahren und sicherzustellen, dass wir in der Lage sind, Daten einzugeben. Also nehmen wir auch auf und wir tun eine Anfrage, um die Anforderungsmethode zu überprüfen, um sicherzustellen, dass es Post ist. Und wenn ja, setzen wir alle diese Werte. Und wenn es nicht ist, als vielleicht das, was wir tun wollen, ist so etwas zu tun, damit wir einige Standardwerte setzen können . Also 100 für einen Namen, kein Name. Und was hier passieren wird, ist, wenn es nicht Post ist, das wird uns Stabilität geben, um tatsächlich auf die Seite zu gehen und einfach diese Parameter hier hinzuzufügen eso no name und das wird Gesellschaft sein. Und schließlich werden wir nur einen Standardpreis einrichten. Also, was passiert jetzt, wenn ich dahin gehe. A p i Seite, wir bekommen diese nette Jason Ausgabe von tatsächlich, was auf unserer Seite passiert hier. Du hast also verbunden. Wahr. So dass die Verbindung immer noch gültig ist und so weiter. Also sind wir alle bereit, Teoh fortzusetzen, fügen Sie einige Inhalte in unsere Datenbank. Also lassen Sie uns diese Fortsetzungszeichenfolge erstellen und unsere Verbindung herstellen. Also hier drüben werde ich die Verbindung herstellen. Also gebe ich mir hier in der Datei mehr Platz, und wir werden damit beginnen, s Q L zu tun. Also gib es eine Variable und wir werden das gleiche Objekt verwenden, das wir hier erstellt haben, waren eigentlich hier drüben s Also das ist unser -Datenbank-Verbindungsobjekt. Und wir werden unsere Fortsetzung Aussage vorbereiten und diese wird einfügen. Also nur ein kurzer Trick, um Ihnen zu zeigen, wie Sie PHP Myatt Männer nutzen können. Und während das ziemlich groß geworden ist, aber lassen Sie uns etwas einfügen. Eso Lassen Sie uns einfach ein paar Inhalte hier einfügen. Und der Grund, warum ich das mache, ist, weil PHP-gesinnte Männer wirklich schön diese Eingangsstärke ausgibt, so dass Sie sie wirklich einfach kopieren und in Ihren PHP-Code einfügen können. Und wie wir sehen können, hat es diesen Artikel dort erfolgreich hinzugefügt. Also kann ich buchstäblich den gleichen Einsatz in ein p nehmen Ich Wir haben alle Felder, die ich einfügen möchte. Ich füge i nicht ein, also ziehe das einfach heraus, entferne das, und wir haben alle unsere Werte, die eingefügt wurden, und dann müssen wir das nur schließen. Schließen Sie das ab. Und ich habe bereits den Semi Colon eso Let uns voran und dann wird als nächstes diese Fortsetzung ausführen . Also s s s Q l und ausführen. Das wird also diese Fortsetzungsfunktionalität ausführen. Und jetzt schauen wir uns mal an, was hier passieren wird, wenn wir auf die Seite gehen , damit wir dort nichts anderes sehen. Wenn ich hier rüber gehe und es aktualisiere, sehen wir, dass es ausgeführt wird, und es fügt diesen Inhalt ein. Das ist also gut. Das ist genau das, was wir tun wollen. Und vielleicht können wir jetzt tatsächlich einige unserer Inhalte von hier aus aktualisieren. Also lasst uns, äh wir müssen hier wirklich aus unserer Schnur ausbrechen. Also nehmen Sie, äh, das einzelne doppelte Zitat, Punkt. Nun, das ist eigentlich nur, wenn wir etwas hinzufügen. Also für das Hinzufügen, dass ich d wir nur sicherstellen, dass wir dort doppelte Anführungszeichen haben, also werde ich einfach kopieren und einfügen, und sie werden die Updates danach machen. Jetzt haben wir einen Namen. Also bekommen wir, welchen Wert auch immer in unserem Strahl enthalten ist. Uh, das Zeug sollte eigentlich kosten, und dann haben wir Firma ist verlorener Name, und das hier sind Kosten. Wir müssen sicherstellen, dass ich es in derselben Reihenfolge behalte, die ich hier habe. Also machen wir X I d Kostenname Firma. Also möchte ich es im gleichen Format behalten, in dem ich es tue. Ich kostete Firma. So dasselbe Format wie ich es dort habe. Gehen wir auf die Seite und aktualisieren Sie sie. Also, wenn ich auf die Seite gehe, aktualisieren Sie sie. Ich habe nicht, ich sehe nichts dort, aber wenn ich es hier aktualisiere, sehe ich jetzt es wurde hinzugefügt. Das wird also dasselbe funktionieren. Hier ist also, wenn ich ein Ich habe Daten senden, lassen Sie uns zu unserer Datenbank gehen und wir sehen, dass wir jetzt in der Lage sind, Inhalte in unsere Datenbank einfügen . Was auch immer wir hier tippen, tue ich einfach. Hallo. Ändern Sie einige dieser Werte hier. Vielleicht machen Sie das, was auch immer. 550.000. Aktualisieren Sie es. Und wir sehen, dass nun Teoh über unseren Ajax-Aufruf Inhalt in unsere Fortsetzungs-Datenbank einfügen konnten über unseren PHP-Code unter Verwendung der Parameter und der Inhalte, die wir über senden . Also nächste Lektion, ich zunächst mussten Sie einige zusätzliche Sicherheit in die Parameter hinzufügen, die durch Bindung einiger der Parameter zu einem bestimmten Format gesendet wurden . Und dann werden wir auch einen Scheck machen, um zu sehen, ob X I d einzigartig ist. Und wenn es nicht ist, als was wir tun werden, ist, dass wir aktualisieren und so eine neue erstellen und auch eine andere Schaltfläche hier erstellen, Teoh Daten abrufen. Also über die i d. Wir werden einfach drücken Daten abrufen und dann werden wir diese Daten aus der Datenbank ausgeben und dann haben wir ein komplettes ap-I-System, wo wir Inhalte in die Datenbank aktualisieren können. Wir können Inhalte hinzufügen und dann können wir Inhalte aus der Datenbank abrufen. Also all das kommt 13. 16 In mySQL einfügen: der vorherigen Lektion haben wir gesehen, wie wir unseren Front-End-Code über Ajax nutzen und Inhalte an unsere Datenbank senden können. Und dann können wir einen Blick auf es in unserer Datenbank werfen, sehen, dass es dort aufgelistet wird und so weiter. Also benutzten wir PHP, meine Fortsetzung, und es gibt tatsächlich eine Möglichkeit, Nachfolge-Injektionen zu verhindern. Das ist also eine Sicherheitsvorkehrung. Im Grunde, was wir tun werden, ist, dass wir sicherstellen, dass die Typspezifikationen der Charaktere sind, was wir erwarten. So sehen wir, dass ich integer d ist double s ist string und B ist ein Blob. Also, was wir für unsere a p i tun wollen, also wird das eine ganze Zahl sein. Dies ist eine Zeichenfolge, diese Zeichenfolge Dies ist eine ganze Zahl Also werden wir diese Formatierung Zehe verwenden, sicherstellen, dass niemand Teoh wirklich versucht, einige Schurkeninhalte in unsere Datenbank einreichen. Lassen Sie uns also unseren Editor hier öffnen und diese Parameter einrichten. Eso kann man in dieser Zeile hier drüben gehen und wir können angeben. Also vielleicht, was wir tun wollen, ist eine neue Gehirnvariable dafür einzurichten, damit wir so etwas wie R oder so etwas für die Anfrage Fortsetzung tun können. Und hier müssen wir SQL verwenden, die wir hier einrichten, und wir wollen Parameter binden. Und hier geben wir den Typ an. Und dann hier ist, wo wir in den Parametern hatten, die wir binden wollen. Also, was ich tun werde, ist, dass ich all das auskopiere und ich werde sie dort drinnen schlagen. Und ich muss dort immer noch ein Update darüber machen, wie es formatiert ist. Also müssen Sie all diesen Überschuss alle diese überschüssigen Zitate hier entfernen. Und dann muss ich das auch wieder in die Werte einfügen. Aber im Wesentlichen, was hier passieren wird, ist, dass wir diese Parameter in unsere Werte hier binden werden. Also hier verwenden wir Fragezeichen. Teoh, halten Sie den Platz für diese Parameter und wir tun den Bind-Parameter, dass wir diese Parameter einfach in der gleichen Reihenfolge ablegen, in der sie hier in den Kaufparameterwerten erscheinen , sie werden die Fragezeichen durch diese Parameter ersetzen. Und so ist dies, wo wir den Typ s O angeben können. I ist für Integer, wie für String. Die erste 1, die wir betrachten, ist eine Integer-Inter Jer-String-Stärke. Und natürlich, wenn Sie andere Werte verwenden, stellen Sie sicher, dass Sie die entsprechenden Typen haben, die hier in den Bind-Parametern erwähnt werden. Und jetzt, was wir tun können, ist nur sicherzustellen, dass, wenn r s, dann können wir die Fortsetzung Coach ausführen, so dass stellt sicher, dass wir es richtig gebunden. Und wenn es existiert, ist alles noch wahr, dass wir weitergehen und den Code ausführen können. Also lassen Sie uns einfach einen kurzen Blick und stellen Sie sicher, dass wir immer noch in der Lage sind, Dinge noch richtig funktionieren. Aktualisieren Sie diese Datenbank. Also fügen wir immer noch alles richtig ein. Es ist noch her. Nur haben wir in diesem zusätzlichen Sicherheitsparameter in unserem in unserem Code hier eso auch hinzugefügt sobald wir es ausführen, haben wir Zugriff auf das Einfügen I d abzurufen. Also möchte ich ein anderes Element hier innerhalb dieses Arrays erstellen, und das wird den Standard darstellen, den Standard i d. Also vielleicht, was ich hier tun muss, ist, dass ich nur ein schnelles Update für all diese tun muss. Nur eine schnelle Überprüfung, stellen Sie sicher, dass das richtig ist. Und dieses i d wird das Einfügen i d darstellen und dies wird generiert, wenn Sie Inhalt in die Datenbank einfügen eso nur eine Verbindung zum gleichen Verbindungsverbindungsobjekt herstellen und es zurückruft, dass es nicht zurückruft. Und macht das Insert I d. Also werde ich einfach das hier oben abholen, und dann sollten wir in der Lage sein, das in unserem a p I zu sehen. Also jetzt, wenn ich eingestellt, dass wir sehen, dass wir das I d haben. Kommt zurück als acht r X Ideen zu 23 23 Wenn wir auf unsere Datenbank gehen, sollte das jetzt acht sein. Dies ist also unser neu eingefügtes, neu eingefügtes Element, damit wir diese Informationen wieder abrufen können. Natürlich, wenn wir das in irgendeiner Weise nutzen müssen, wo Sie das auch tun können. Und das ist das Gute daran, es innerhalb dieses Jason-Formats zurückzugeben, weil wir wirklich viele nützliche Informationen zurückgeben können, die wir dann innerhalb unseres Front-End-Codes in unserem JavaScript verwenden können, und es einige dieser Inhalte und sogar Bedingungen auf die Werte der zurückgegebenen Ergebnisse des PHP-Gerichts anwenden. nächsten Lektion werden wir das weiter ausbauen. Eso sahen wir, dass wir in der Lage waren, einen neuen Eintrag zu erstellen, aber was passiert, wenn es bereits existiert? Und ich wollte dieses ex i d als Wert für bestehende Ideen nutzen. Also möchte ich, dass sie alle innerhalb der Datenbank einzigartig sind. Also tippt jemand ein aufgeregtes, das bereits existiert. Was ich tun möchte, anstatt einzufügen, ist, dass ich es aktualisieren möchte. Also werde ich Ihnen zeigen, wie Sie das in der nächsten Lektion machen. 14. 17 Datenbankinhalte mit AJAX einfügen und aktualisieren: Ich möchte ein schnelles Update für unseren Front-End-Code machen, denn jetzt, wo wir zusätzliche Funktionalität wollen , was also? Wir stecken nur ein. Und natürlich später wir späterauch Teoh Update wollen, und wir werden auch wollen, dass Inhalte einfach aus der Datenbank ausgeben. Also, Sie etwas, das wir hier hinzufügen können. Also wissen wir, dass der Knopf mit einem Klick und einer der Werte hier sein wird, damit wir wissen, dass darum geht, Daten zu senden, es darum geht, Daten zu senden, also werden wir ihm einfach geben, ah, Wert des Handelns. Und das wird immer Inhalte hinzufügen. Vielleicht könnten wir so etwas wie seltsam machen und das dann einfach speichern. Und jetzt haben wir einen anderen Parameter, den wir hier drüben abholen, und wir können es Aktion nennen . Und das hier wird auch Action sein, und wir aktualisieren das auch, also wird es immer heiß sein. Also jetzt haben wir diesen zusätzlichen Artikel hier namens Action , der uns hilft, verschiedene Befehle innerhalb unseres PHP zu unterscheiden, wenn wir verschiedene Dinge senden , die wir vielleicht innerhalb unseres Mantels tun möchten. Also lasst uns hier eine Bedingung einrichten, die ich nicht mehr aufteilen muss. Also werden wir Split kennen lernen, und ich werde hier einen brandneuen Zustand einrichten, um zu überprüfen, ob wir tatsächlich die Rate Aktion machen . Eso diese eine Aktion wird Aktion sein, und ich möchte nur überprüfen, eine doppelte Überprüfung durchführen, stellen Sie sicher, dass der Benutzer tatsächlich versucht, Inhalte hinzuzufügen. Also, wenn ich jetzt unterscheiden möchte, ob jemand Inhalt hinzufügt oder Inhalte einfügt, als dies dies eine Codezeile hier machen wird, so dass es viel einfacher ist zu verstehen, was hier passiert. Und ich werde uns auch eingerückt. Nun, eso jetzt, wo wir diese Aktion haben, ist eine seltsame, ich möchte in der Lage sein zu überprüfen, ob das bestimmte, was ich bekam bestimmte Ex I d tatsächlich existiert. Lassen Sie uns also eine weitere Fortsetzungsanweisung dafür erstellen, wo Sie tatsächlich überprüfen können, ob sie existiert. Und wenn es so ist, dann wissen wir, dass wir überspringen müssen und wir müssen es aktualisieren statt einfügen. So wird unser Scheck sein, um zu sehen, ob es tatsächlich existiert. Und wenn es so ist, überspringen wir es. Erstellen Sie hier eine weitere Fortsetzung. Und vielleicht haben wir gerade die Fortsetzung A angewachsen. Wir werden dasselbe tun, wo wir die Vorbereitungsvorschläge machen, damit wir sicher sind, dass alles in Ordnung ist von dem Inhalt, den wir einfügen. Schwächen, Wählen Sie aus. Also ein Select ex i d von einem p I und ich werde überprüfen, um zu sehen, wo ex i d gleich Frage Mark ist . Und dann binden wir den Parameter im nächsten Leben. Also genau wie das, was wir hier gemacht haben, wo wir die Bindung der Parameter gemacht haben Lasst uns das auch in dieser Zeile tun. So auch RS. Wir nennen es einfach unsere. Eine Fortsetzung. A. Und wir wollten sicherstellen, dass es sich um eine ganze Zahl handelt, und wir werden auch einen zusätzlichen Check hinzufügen, nur um sicherzustellen, dass es sich um eine Ganzzahl handelt . Jetzt lassen Sie es uns einfach ausführen. Diese Fortsetzung, das ist Fortsetzung A. Also führen Sie das aus. Und jetzt wollen wir überprüfen, um die Ergebnisse zu sehen. Ich werde eine brandneue Variable erstellen, und hier werde ich die Ergebnisse dieser Sequel Query bekommen, und wir werden noch Ergebnisse verwenden. Und jetzt lassen Sie uns eine Bedingung machen, wenn Ergebnis. Also habe ich den Rückgabewert des Ergebnisses überprüft. Und wenn Ergebnisse dumme Rose gleich Null ist, dann wissen wir, dass es nicht existiert, und wir können voran gehen und einfügen. Also ist es, äh, in Schulden das ein bisschen. Also wissen wir, dass, wenn es nicht existiert, dann können wir weitergehen und es einfügen. Aber wenn es existiert, dann kommt hier diese andere Aussage ins Spiel. Wir wollen es stattdessen aktualisieren, und um es zu aktualisieren, wird vieles davon sehr ähnlich sein, also kann ich es einfach kopieren und einfügen und einige Updates daran vornehmen. Also, im Idealfall, nennen wir diese Fortsetzung sein Fortsetzung sein, sei unser SB RSP und so weiter anstelle von Einfügen in Let's do update und wir müssen nicht in so Updates ein p I tun und das wird auch anders sein. So ist der Wert gesetzt und wir wollen einige dieser Werte setzen. Also lasst uns ah, lasst uns ein bisschen betrügen und zu unserer PH-Creme überspringen. Ich war und mache ein Update zu diesem. Also bekommen wir unsere Update-Werte und sollten tatsächlich noch mehr von den Werten Eso 1111 aktualisiert haben , dass dies nur so ist, dass ich es bauen kann, dass Abfragezeichenfolge eso Nein, ich betrüge ein wenig, aber es wird uns ein wenig Zeit sparen. Da gibt es also, wir haben unser Ex i d und ich werde die Arbeit nicht in Frage stellen, Frage, Frage, Markierung Fragezeichen und ein Fragezeichen und wo bin ich? D ist gleich eins. Also möchte ich es tatsächlich aktualisieren, wo ex i d gleich ist. Also werde ich nicht ex i d aktualisieren aber ich will es auch gleich machen. Der Wert von X i t Also jetzt lasst uns die Parameter kaufen. Also zuerst haben wir Kosten. Das ist also eine ganze Zahl, dass wir String-String-Ganzzahl haben und Sie müssen nur einige der Reihenfolge dieses eso ändern und aktualisieren. Jetzt aktualisieren wir es waren Bindung und jetzt können wir voran gehen und das ausführen und wir werden keinen Einsatz bekommen, den ich d zurück. Aber wir wissen, dass wir jetzt tatsächlich eingefügt haben. Es ist so lassen Sie uns einige hinzufügen in einem weiteren Parameter hier. Noch einen Artikel, den wir von unserem Jason zurückziehen können. Wir nennen es einfach Status, und so wird der Status gleich sein wie Wir nennen es einfach hinzugefügt. Und dann hier drüben werden wir den Status aktualisiert. Springen wir zu unserem Web-Browser und holen das I d und vielleicht werden wir es einfach treffen. Und jetzt wollen wir sehen, was unser zurückgekehrt ist. Also haben wir den Status hinzugefügt und diesen Zeitstatus aktualisiert. Gehen wir hier zu unserer Website. Also die ex i d. Also das erste Mal, Was wir getan haben, ist, dass wir es als nächstes hinzugefügt, wir haben es aktualisiert, so lassen Sie uns einfach sicherstellen, dass es aktualisiert wird. Also werden wir abholen. Vielleicht können wir eine andere I d verwenden. So 2023 neuen Wert und wir werden nur tun aktualisierte Kosten. Also bin ich keine Information vorbei. Also schauen wir uns die Nummer acht an und aktualisieren sie. Und jetzt haben wir unseren neuen Wert. Unsere neuen Kosten sind aufgeregt, bleiben gleich, weil wir es so identifizieren, die sie nicht verwenden. Ich d waren mit X i d. Was sollte immer noch am Ende des Tages einzigartig sein, aber das gibt uns die Möglichkeit, diese einen Schwung zu setzen und nicht wirklich stören die automatische Reihenfolge, die wir von i d bekommen würden. Innerhalb die meine Fortsetzungsdatenbank dort haben wir unseren aktualisierten Wert und konnten tatsächlich zwischen dem Aktualisieren von Inhalten und dem Hinzufügen von Inhalten in diesem Format unterscheiden . Also die nächste Lektion? Was ist, wenn wir all die Inhalte, die wir wollen, setzen alle diese Inhalte, oder vielleicht wollen, um ein bestimmtes I D wählen und wir wollen, um die Werte dieser Ideen sehen. Also wollen wir vielleicht nicht weiter zu dieser Datenbank gehen, haben Sie diese offen. Und wir wollen eine weitere Schaltfläche hier haben, die besagt, Daten abrufen und diesen Wert aufheben,der innerhalb des i. D.ist und uns den Inhalt dieser bestimmten Rolle aus der Datenbank zeigen wird der innerhalb des i. D. . Also, wie man das macht, kommt 15. 18 Daten aus der Ausgabe der Datenbank als JSON: Ich mag es nicht besonders, meine Anzeigenmänner hin und her zu meinem PHP zu blättern, um die Daten sehen zu können , die ich einfüge. Lassen Sie uns also unseren Code auf einer anderen Schaltfläche aktualisieren und diese Daten aus der Datenbank mit einem Ajax-Aufruf zurückziehen . Also ist es so eingerichtet. Öffnen Sie Ihren Editor hier, äh, wird die Ansicht horizontale Ansicht teilen und innerhalb ihrer. Also muss ich meine Sidebar haben. Da ist oh, ich möchte das hier unten auf meine Indexseite zurück bringen und wir wollen wir wollen, ist, dass wir zuerst eine andere Schaltfläche hinzufügen und diese Schaltfläche, anstatt Daten zu senden, werden wir die Klasse, Aber würden Sie Button zu und wir werden nur Daten erhalten, anstatt die Daten zu senden, wir werden die Daten und eine Menge von dem, was wir in der früheren Lektion getan haben, wir können so ziemlich einfach kopieren und einfügen, was wir getan haben und dann nur einige kleinere zwickt sich nach Bedarf. Geringfügige Anpassungen und Anpassungen nach Bedarf. Dies ist also unser zweiter Knopf, der nicht mit dem ersten Knopf verwechselt werden soll. Also zweitens, aber und dieser wird tatsächlich die Daten bekommen. Also müssen wir diesen Zehenknopf aktualisieren, und wir müssen nicht ah senden, ganze Menge Informationen hier können wir mit dem Senden dieses ex i d durchkommen. Wir müssen auch die Aktion senden, damit wir einige von diesem Zeug hier loswerden können. Und vielleicht wird die Action dieses Mal bekommen. Und wieder müssen wir immer noch diese Variablenausgabe übergeben. Jason So und so ist alles andere relativ die gleiche S o. Das ist alles, was wir brauchen. Um diese Daten zu senden. Werfen wir einen Blick auf unseren Webbrowser und sehen, wie es aussieht. Wir haben Daten senden. Wir müssen Daten holen und feststellen, dass sie Daten bekommen. Also haben wir ein paar Fehler geworfen. Also müssen wir auf jeden Fall einen Blick darauf werfen und sehen, was hier passiert und warum wir Fehler einer ziemlich guten Idee werfen, weil wir erwarten, ah, Wert des Namens , den wir nicht senden, und Wert des Unternehmens, die wir nicht übersenden und kosten, die wir nicht senden. Also lassen Sie uns das innerhalb unseres Quellcodes kümmern und es aktualisieren. Also erwarten wir es eigentlich nicht, wenn wir den Wert innerhalb nutzen, wenn wir die get-Aktion verwenden, die wir anstelle von ungerade verwenden wollten. Also, wenn diese Aktion bekommen wird, nehmen wir nicht wirklich all diese Informationen auf. Eso vielleicht lassen Sie uns einige schnelle Updates hier machen, und wir müssen nur diese Informationen aktualisieren. Wenn es da ist, haben wir das Ex I D. Und vielleicht anstelle von lasst uns einfach bekomme ich also die Aktion ist jetzt zu bekommen. Also haben wir all die da reingeladen und wir haben keine Aktion, die wir tun werden. Also, jetzt lasst uns das noch aktualisieren. Und für jetzt, lassen Sie uns einige hinzufügen, dass unsere Aktion ist bekommen und wir brauchen nicht wirklich etwas anderes zu tun . Also lasst es uns auffrischen. Und doch, so wird es immer noch. Wir müssen die Seite neu laden, damit wir immer noch undefinierte Indexaktion in Zeile 13 erhalten. Also schauen wir uns mal an und sehen, was passiert. Trotzdem bekommen wir diesen Fehler immer noch, und natürlich muss ich noch diese Aktion da drin haben. Also das war nicht etwas, das ich dort hätte entfernen sollen, also bringen wir das wieder rein, gehen Sie zurück und versuchen Sie es noch einmal. Also lasst uns dort einen anderen Wert wählen. So 1 44 bekommen Daten Eso, die so aussahen, funktionieren richtig. Die Aktion ist bekommen die X Ideen 1 44, wenn wir bekommen hatten. Stellen Sie einfach sicher, dass der Send noch funktioniert, die noch in der Lage waren, diese Daten zu aktualisieren, damit wir die Daten aktualisieren können und wir die Daten erhalten können, damit alles richtig funktioniert. S lassen Sie uns diese Antwort weiter ausbauen. Also brauchen wir Teoh nicht. Wir werden das jetzt einfach nicht teilen, weil wir es nicht mehr teilen müssen, weil es jetzt nur in den PHP-Code geht. Und was wir tun müssen, ist eine Datenbankabfrage selektiv zu machen, dass die richtigen I d und zurück , dass die Werte. So haben wir eine Menge von dieser Arbeit bereits hier erledigt, so dass wir einfach kopieren und einfügen können. Also wählen wir ex I D. Von einem P I, wo X I d gleich dem Array spannend ist, das gesendet wurde, und wir bekommen unsere Ergebnisse jetzt müssen wir einfach durchlaufen diese Ergebnisse zurückkehren. All diese Ergebnisinformationen so Ergebnisse. Und wir könnten theoretisch, wir könnten hier durchlaufen und eso zurückkehren, nur um sicherzustellen , dass der Ergebniswert größer als Null ist. Und wenn es ISS, dann können wir diese Ergebnisse zurückgeben. Wir können eine Reihe von Ergebnissen durchlaufen, wenn wir wollen, so dass wir sogar andere Parameter hinzufügen können, wenn wir nicht unbedingt nach diesem ex i d suchen müssen und wir können einfach alle Werte zurückgeben. Das könnten wir auch tun, zusätzlich zu dem, was wir gerade tun. Also werden wir diesen Code überfallen und wenn wir ihn verwenden müssen, haben wir die Fähigkeit hier in unserem PHP. So Ergebnisse und und wir holen die assoziierten ID-Daten, die assoziierte ID und zurückgegeben werden . Hier werden wir es durchlaufen und im Wesentlichen werden wir das hinzufügen. Also müssen wir Container für diese Daten haben. Also richten Sie hier ein anderes Array ein, also genau wie das, was wir getan haben, wo wir diesen Luftangriff eingerichtet haben, lassen Sie uns einen anderen Container für diese Daten einrichten und ich habe diese Werte nicht dort gemacht und gleich dem Wert, der zurückkommt innerhalb. Die Regel ist im Wesentlichen. Was hier passiert, ist, dass wir alle Datenzeilen zurückgeben und das in unserem Array hinzufügen . Lasst uns , mal sehen,wie das funktionieren wird. Und tatsächlich, bevor wir das tun, müssen wir noch diese Dateninformationen in das Jason-Objekt hinzufügen, das wir zurückgeben. Also lassen Sie uns dies als Antwort hinzufügen. Dies ist also unsere Antwort auf die Abfrage über die Ergebnisse, die wir suchen, die diesem Wert hier gleich sind. Schauen wir uns das im Browser an. Also sind es Schlagdaten. Also bekommen wir die Daten von I. D eins. Wir haben also Tru X Ideen miteinander verbunden. Eine Aktion erhält Antwort. Wir sehen also, dass wir ein Array-Objekt haben, das dort zurückgegeben wird. Also potenziell, wenn wir mehrere Artikel hier in der Antwort hätten, könnten wir 0123 oder eine beliebige Anzahl von Gegenständen haben, die wir diese Übereinstimmung haben. Unser Abfragewert Eso Now, in diesem Fall wir nur das eine Element zurück und lassen Sie uns einen Blick darauf werfen. Also haben wir das Ex I D. Also der Grund, warum es nur das zurückgibt, ist, dass wir diese Select-Abfragen aktualisieren müssen. Also machen wir selektierte Ex I. D. Also lasst uns es einfach in einen Asterix ändern. Eso sollten wir auf diese Weise alle Werte innerhalb dieser Antwort zurückgeben. Serie das erste Objekt, um einen Blick auf es zu nehmen Wir haben Gesellschaft, Wir haben Kosten. Wir haben seine i d Wir haben seinen Namen, wenn wir das X i t haben. Also, wenn wir es aktualisieren und so senden, dass Daten Also jetzt haben wir es in dort hinzugefügt. Und jetzt, wann immer wir bekommen, waren die Daten tatsächlich aus, indem sie die gleichen Objektinformationen . Dies macht also eine Rundreise, die diese Informationen aus unserer Datenbank aufnimmt und sie so von Ausgabe, nächste Lektion, lasst uns etwas von diesem Inhalt setzen, aus der Konsole herauskommen und es innerhalb unserer sichtbaren Bereich unseres Browsers s, so dass wir es genauer betrachten und mehr mit ihm arbeiten können. Also die nächste Lektion, wo Sie zurück in einige HTML springen und einige Inhalte in unserem Webbrowser Webbrowser 16. 19 Dyanmically neue JSON-Daten ausgeben: haben wir gesehen, wie wir Daten, die in die Aktualisierung eingefügt wurden, in unsere Fortsetzungsdatenbank senden und diese Daten auch zurückbekommen können. Also schauen wir uns jetzt unseren HTML an. Also teilen wir uns dort auf und zeigen die Seitenleiste an. Und tatsächlich, wahrscheinlich können wir das hier nach unten verschieben und nur in diesen Indexpunkt html sprangen und die Seitenleiste dort verstecken . Also meine Schrift ist dort wirklich groß. Also ist es ah, es nimmt ziemlich viel Platz hier auf dem Bildschirm ein. Eso Was wir tun wollen, ist vielleicht wollen wir im Ausgabe-Bereich haben, also wollen wir raus. Setzen Sie einige dieser Inhalte wird es schnell zu verschönern. Also geht alles mehr in Linie, erstellen Sie ein brandneues def. Sie ihm hier GebenSie ihm hierein I D der Ausgabe. Hier können wir also unsere Kommunikationsinformationen ausgeben, die wir tatsächlich vom Dienst erhalten . Wir kommen hier von unserem Server zurück, und lassen Sie uns mit dieser Ausgabe die G-Abfrage verbinden und einige dieser HTML innerhalb dieses Ausgabebereichs aktualisieren . Eso Vielleicht müssen wir uns zuerst ansehen, was wir tatsächlich hier zurückkehren. Und das kann ich auch hinzufügen. Also lassen Sie uns ein paar von diesem Zeug hier minimieren, weil wir nicht unbedingt brauchen, dass Teoh so viele Informationen hat. Also nur eine Straffung, dass Inhalte ein wenig mehr eso sogar zu. Wenn Sie den Fehler entfernen möchten, können wir das auch tun. Eso nun mal sehen, was tatsächlich zurückgegeben wird. Eso Wenn wir ein Stück Daten einreichen, aktualisieren wir dies. Wir löschen unseren Konsul Bereich und lassen Sie uns ein Gehirn erstellen, das Sie Artikel Daten senden. Also zuerst, wenn wir Daten senden, sehen wir, dass Status hinzugefügt wird, so dass wir zurück in unseren Quellcode gehen können und wir können überprüfen und wir können eine Bedingung hier tun. Also, wenn de status gleich hinzugefügt wird, dann wissen wir, dass wir tatsächlich etwas hinzugefügt haben. Wir können sagen, Lassen Sie uns hier aus der Variablen bauen. Also lassen Sie einfach leer. Ich würde sofort setzen und wir werden Ausgabe gleich tun. Wir werden Ausgabe gleich Ausgabe tun. Plus, Ich habe ein Sie wissen, Jetzt werden wir sehen, dass wir ein neues Element in der Datenbank hinzugefügt haben und wir werden diese Ausgabe innerhalb des HTML dort ausgeben. Wir können auch zurückholen, dass ex I d. Also das ist der Wert hier von dem, was wir in eso schwächen gesetzt haben. Einfach nur, äh, vielleicht wollen wir das I d zurückgeben oder so etwas wie Einzigartiges. Wie diese neue Datenbank i d. Ist. Und dann können wir hier hinzufügen, dass i d für diesen Artikel. Uh, und wieder wird nur d minus sein. Ich d. Also werden wir sehen, dass dies angezeigt wird, wenn wir Inhalte hinzufügen, war die falsche Seite dort. Also, wenn ich drei Daten senden gehen, sehen wir, dass Sie ein neues Element zur Datenbank hinzugefügt haben. Neue Datenbank I d. Ist 11 für diesen Artikel. Diese Seite gibt uns ein paar weitere Informationen darüber, was passiert ist. Und vielleicht wollen wir auch Ausgabe. Also wollen wir nur vielleicht ADOT. Und wenn der Status aktualisiert wird, haben wir keine andere Nachricht. Wenn der Status eso ist, lassen Sie uns sehen, was aktualisiert zurück, bevor wir das speichern. So sehen Sie, dass jetzt der Status aktualisiert wird und wir alle diese Werte dort bekommen. Sie haben also aktualisiert, dass Sie ein vorhandenes Element aktualisiert haben. Vielleicht brauchen wir nicht einmal all das, damit wir etwas von diesem überschüssigen Text dort loswerden können und nach diesem einen weiteren Zeilenumbruch hinzufügen können. Nun, da wir das alles aus dem Weg haben , können wir vielleicht einen Teil der Inhalte ausgeben, die wir tun können eine Aktion. Also hier können wir Ausgabe plus Ausgabe tun und es auch gleich. Aktion. Und wir können auch alle diese Parameter dort ausgeben. Das wäre also D-Aktion. Und dann noch ein Zeilenumbruch hier und uns. Wir hatten Action. Wir waren eine Drehfirma. Name der verbundenen Kosten All diese Dinge können wir hier ganz einfach hinzufügen. Also haben wir d dot Unternehmen, und das sollte ein Plus sein, das von PHP dort übrig geblieben ist. Also machen wir PHP dort, da, Punkte. Und wenn wir das tun, wenn wir unser JavaScript machen, dann werden sie Pluszeichen sein, um Nate zu machen. Diese Information. So Gesellschaft. Und wir hatten auch noch einen Namen für den Namen, und ich glaube, ich habe nur Namen für die Rückkehr des einen gemacht. Also hatten wir den Namen. Wir hatten einen Preis. Wir hatten einen Status. Wir hatten die Ex i d also würden Sie einfach Kosten lassen. Ich denke, Sie haben hier den Punkt, dass wir Zugang zu all diesen Informationen wirklich leicht bekommen können . Jetzt wird das nur zurückgegeben, also kostet es. Also denke ich, dass das ziemlich gut ist, dass wir all diese Informationen zurückgeben können. Natürlich haben wir einige Updates gemacht. Knaus. Wir haben eine Auffrischung. Also lassen Sie uns Daten senden. Sie aktualisieren einen bestehenden Item-Aktions-Anzeigenunternehmenstester, was auch immer wir haben, nehmen einige Aktualisierungen an ihm vor. Senden Sie Daten. Also eigentlich, das sollte kosten statt einen Namen, nur um die Dinge richtig hier zu bekommen. Aber ich denke, Sie haben den Punkt, dass es wirklich einfach ist, diese Daten wieder abzurufen , da sie in einem Jason sind, uns zu widersprechen. Wann immer wir diese Daten senden, können wir sehen, dass wir alle diese Informationen zurückgeben können. Dies ist alles vom Server eso. Jetzt haben wir aktualisiert und arbeiten hinzugefügt. Lassen Sie uns die Inhalte zum Laufen bringen, also wird das in der nächsten Liste erscheinen und ich werde Ihnen zeigen, wie man das macht 17. 20 Verlangen Sie die Datenausgabe in HTML: der vorherigen Lektion sahen wir, wie wir die Daten aktualisieren und senden können, und wir können ein visuelles hier in unserem HTML von der gleichen Sache, die passiert, wenn vor dem, was wir in der Konsole betrachteten . So können wir jetzt Daten senden. Wir können sehen, dass vorhandene Artikelanzeige Unternehmenstest aktualisieren und diese Daten senden. Wir können sehen, dass es jetzt aktualisiert wird. Dies wird also alles aus der Datenbank aktualisiert. Nun lasst uns I Wenn wir Daten erhalten, lassen Sie uns das zurückgeben, Informationen erhalten und diese innerhalb unserer Antworten nutzen. Nun, also sehen wir, dass wir diese Parameter haben, wir haben Action, wir haben eine Verbindung. Und das wirklich wichtige Zeug hier ist innerhalb dieses Sponsorenobjekts. Also schauen wir uns das an. Und ich habe diese Informationen in unser JavaScript eingefügt. Also wissen wir, dass wir tatsächlich zurückkehren. Mehrere Elemente sind die Möglichkeit, dass es mehr als einen Artikel gibt, den wir innerhalb dieses bestimmten Objekts zurückkehren . Also, für hier, lasst uns, äh, eine Variable einrichten. Also haben wir unseren Artikel und wir haben D als Antwort, und ich möchte nur diese erste Antwort abholen. Wir haben nur eine Antwort, die zurückkommt. S o das macht es ideal, dass wir wissen, dass es nur die eine Antwort gibt. Aber zufällig, wenn es mehr als einen gibt, dann müssten wir sie durchlaufen. Aber in diesem Fall haben wir nur einen zurückkommen, also überprüfen wir, ob Artikel jetzt existiert. Wenn es Inhalt gibt und wenn dies der Fall ist, dann lassen Sie uns hier einige Werte für diese Ausgabe erstellen. Also werde ich die gleiche Sache einrichten, die ich hier drüben eingerichtet habe, wo ich Ausgang habe. Und so bin ich raus, nichts zu setzen. Und lassen Sie uns zu dieser Ausgabe hinzufügen, den Ausgabewert und jetzt innerhalb hier lassen Sie uns Ausgabe gleich Ausgabe tun, plus einige Inhalte hier, die wir zurückkehren. Wir sehen also, dass wir einige Inhalte vom Server zurückgeben. Wir haben also die Kosten, den Namen und so weiter, so dass wir all diese Informationen einfach in unsere zurückgegebenen Informationen einfügen können. Also, das ist richtig. Ich bin gefunden, ich habe Iss. Und hier können wir hinzufügen, dass ich d. So jetzt wird es Element I d ist der Wert dafür. Und es tat das wieder, wo ich das Pluszeichen haben muss, um Captain es zusammen zu essen, und wir machen einfach einen Zeilenumbruch hier und wir können auch weitergehen und den Rest der Sachen auflisten. Aber ich glaube nicht, dass das notwendig ist. Also denke ich, wir können immer noch den Punkt dort finden. Das gefundene Element ist Nummer neun. Also, eigentlich sollten wir vielleicht den Rest des Zeugs auflisten. Es ist also versucht, es hier wirklich schnell zu machen. Vielleicht können Sie kopieren und einfügen einige dieser Inhalte verwenden, die wir früher gemacht haben und das hier aktualisieren , damit wir das loswerden können. Befreien Sie es so anstelle von D Eigentlich macht wahrscheinlich mehr Sinn, ist, wenn wir nur Daten machen und aktualisieren statt d Datenantwort tun und diese zwei aktualisieren d Es ist ein bisschen Betrug dort, aber so muss dies nicht all das Zeug neu schreiben. Also lassen Sie uns einen kurzen Blick werfen. Stellen Sie einfach sicher, dass hier alles richtig ist, und das fehlt. Ich sage nur etwas hier und lassen Sie uns einen Blick auf es im Web-Browser werfen, So aktualisieren, Daten erhalten. Aber wir haben da ein Problem. Also Artikel eso irgendwo habe ich immer noch Artikel, die ich suche. Also sollte dies eigentlich auch auf D aktualisiert werden. Und so bekommen wir die Actionfirma zurück, nennen wir eine Sache, die wir vermissen. Dies anstelle von Daten-D-Aktion sollte es Datenaktion sein, weil dies immer noch innerhalb dieses Datenobjekts ist. Also lasst uns Daten holen. Eso Artikel gefunden Ideen neun. Aktion war bekommen ich und Gesellschaft. Sein Firmen-Tester ist Tester, also können wir ein paar Updates daran vornehmen. Senden Sie die Daten, holen Sie die Daten. Wir sehen, dass wir jetzt das Gehirn bekommen, dass Sie Datenwert bekommen. Wurde dort einen Fehler ausgelöst, weil wir keinen Wert für D zurückgeben. Also lassen Sie uns einfach das entfernen oder wir könnten dies noch einmal aktualisieren. Nun, das ist es s in der Lage, die Datenausgabe abzurufen. Es sieht es an. Also, auf die Konsolen zu gehen, funktioniert alles, richtig aktualisiert. Also, was wir jetzt wollen, können wir Anrufe an die A. P. machen . Ich rufe diese Daten ab und so weiter. der nächsten Lektion gibt es einige kleinere Anpassungen und Anpassungen, die ich innerhalb des Codes vornehmen werde , um ein bisschen besser zu funktionieren. Aber im Wesentlichen ist dies unser Projekt abgeschlossen Projekt, wo wir diese Daten senden und siemit einem A P I aus der Datenbankabrufen mit einem A P I aus der Datenbank ist dies unser Projekt abgeschlossen Projekt, wo wir diese Daten senden und siemit einem A P I aus der Datenbankabrufenkönnen. . 18. 21 Web: Also haben wir alles funktioniert, wie wir wollen. Es gibt ein paar kleinere Updates, um es ein bisschen sicherer zu machen, weil wir ein I d erwarten . Hier. Also kommt jemand und schreibt hier ein paar Briefe ein, sendet die Daten. Nun, wir werden einen neuen Artikel hinzufügen, aber wir fügen nicht wirklich einen Artikel hinzu. Also gehen wir in die Datenbank, machen das kleiner, und wenn ich es aktualisiere, weil wir einen numerischen Wert in ex I D erwarten wird es einfach als Null zurechtkommen, weil der Wert, den wir gerade eingegeben haben, nicht in Amerika ist . Also, Idealfall, was wir in diesem a p i p h p a p i wollen wir in der Lage sein, einen Weg zu haben, um tatsächlich zu überprüfen, dass Inhalte kommen, so dass ich so ziemlich schließen kann. Ich kann einfach das No Split hier machen, diesen Teil verstecken, und lassen Sie uns unser PHP aktualisieren, um sicherzustellen, dass der Wert, den wir bekommen, Amerika ist . Und wenn es nicht ist, dann könnten wir vielleicht einfach zurückkehren und Luft oder so was. Betrachten wir also unsere Anforderungswerte dort und so weiter eso Was wir tun wollen, ist, dass wir eine Bedingung ausgeben und tun wollen. unsere Anforderungswerte dort und so weiter eso Was wir tun wollen, ist, dass wir eine Bedingung ausgeben und tun wollen Also diese Bedingung, ich werde überprüfen, ob es numerisch ist, und die Art, wie ich es normalerweise gerne mache, ist es, es mit einem pragmatischen und so pragmatischen zu tun, so passend, um zu sehen, ob wir ein Muster haben. Und wenn wir das Muster haben, dann wird es wieder wahr werden. Und wenn wir etwas draußen haben, wird das Muster falsch zurückgehen. Preg Match ist also die Methode. Es ist PHP-Methode, und wir müssen es entsprechend anpassen, um in Amerika zu sein. Das ist die Übereinstimmung, um zu sehen, ob der Wert in Amerika ist. Und dann zweitens, lassen Sie uns diesen Wert da reinlegen. Das wird also im Grunde sicherstellen, dass, wenn es numerisch ist, es wahr wird. Wenn es nicht ist, wird es falsch zurückkommen. Bevor wir also tatsächlich Jason-Informationen ausgeben, können wir hier unten einen Fehler werfen, damit wir so etwas wie anderes tun können. Und dann können wir hier sagen schwächen Rückkehr Antwort, Luft oder Status, Luft oder so etwas. Also lasst uns, ähm oder vielleicht, was wir tun wollen, ist, die Aktion auf Fehler zu aktualisieren. Also haben wir einen Fehler zurückgekehrt. Wenn dieser Wert nicht Amerika ist, versuchen wir es und sehen, wie das funktioniert. Jetzt, wenn ich darauf klicke, sehen wir, dass wir Fehler bekommen. Wenn ich zurück zu numerischen Wert war wieder in Ordnung. Wenn ich irgendwelche Zeichen drin habe, erhalten wir einen Fehler undefiniert, Undefined Weil natürlich überspringen, wir natürlich überspringen,den Rest dieser Informationen zurückzugeben, die wir immer noch verbunden sind, ex i d bekommt alle vermasselt und wir bekommen all diese undefiniert Gibt es eso Das ist, Ah, Vorsichtsmaßnahme. Wir können tun, um sicherzustellen, dass wir besser formatierten Inhalt. Wenn Sie eine Verbindung zu diesem ap I herstellen Wenn Sie auf der externen Seite eine Verbindung herstellen möchten und Sie sicherstellen möchten, dass einige Ihrer Fehler Sie nicht möchten, dass Ihre Erben innerhalb der A p I erscheinen . So haben wir die Fähigkeit in PHP zu Anzeigefehler. Also, jetzt ist es an. Das können wir auch ausschalten. Also die Fehlerberichterstattung. Hier gibt es auch Optionen für den Header. Also, wenn Sie Zugriff auf Kontrolle wollen, erlauben Ursprung, so dass dies ist, wenn wir wollen, um es mit dieser PHP-Datei von einer anderen . URL s verbinden -Name. Und natürlich werde ich jetzt keinen großen Unterschied sehen, weil ich ihn nicht habe. Ich zeige keine Jahre, die Fehler haben werden, ebenso wie ich mich innerhalb derselben Domain befinde . Aber diese Luft nur ein paar zusätzliche Vorsichtsmaßnahmen, die Sie innerhalb ihrer PHP-Kachel treffen können, um es besser zu machen und diese Antwortinformationen zu nutzen Ah, viel besser in Ihrem JavaScript als auch. Also habe ich den gesamten Quellcode aufgenommen, mit dem ich in diesem Kurs gearbeitet habe. Damit Sie selbst versuchen können, sehen Sie, wie es funktioniert und sehen Sie, was Sie mit Ajax und PHP passieren können, und Sie sind durch meine Fortsetzungs-Datenbank. Stellen Sie sicher, dass PHP ausgeführt wird. Sie haben meine Fortsetzung auf Ihrem Server laufen und auch, wenn Sie den Code erstellen, wenn Sie nicht mit einer der Sprachen vertraut sind, habe ich versucht, so viel wie erforderlich zu gehen, um den Inhalt des Kurses abzudecken Aber natürlich, all diese Sprachen gibt es eine ganze Menge mehr, die mit ihnen gemacht werden kann, vor allem PHP. Wir haben gerade die Oberfläche gekratzt. J Abfrage. Das Gleiche. Wir haben nur ein paar Methoden verwendet, die verfügbar sind, wenn j. Abfrage. Es gibt also noch viel mehr, was Sie mit diesen Programmiersprachen tun können. Und wenn Sie vertrauter und komfortabler werden, werden Sie sehen, dass sich viele Türenöffnen, öffnen, und es wird wirklich erstaunliche Dinge geben, die Sie mit dieser Kombination von Programmiersprachen tun können . Und wenn Sie Datenbanken in Ihre Webanwendungen integrieren, erhalten Sie eine ganze Menge mehr zusätzliche Funktionen, um diese Daten zu speichern und wirklich eine sinnvolle, hervorragende Erfahrung für Ihre Web-Benutzer zu schaffen . Und auch nur die Verwendung von J Query und Ajax ermöglicht es Ihnen, eine wirklich nahtlose Benutzererfahrung zu haben . Also der durchschnittliche Benutzer kommt hier rein, so dass sie nicht unbedingt die Konsole sehen müssen sie sehen konnten, ich d. Also vielleicht wollen sie ein Konto erstellen. Sie konnten Daten senden, daher wurde ein vorhandenes Element hinzugefügt. Unerade, dass Sie ein vorhandenes Element aktualisiert haben, oder vielleicht möchten sie ein neues erstellen. Also fügte ein neues Element zu den Datenbank-Ideen hinzu. 14. Und natürlich können Sie diese zurückgegebenen Informationen verwenden. jedoch Sie müssen esjedochinnerhalb Ihrer Webanwendungen Action Ad Company Tester 10 verwenden. Wir können es auch aktualisieren, also aktualisieren Sie ein vorhandenes Element und wir können diese Informationen einfach wieder abrufen, so dass der Benutzer wirklich nutzen kann , was diese Datenbankverbindung und so nahtlos dort und keine Seite aktualisiert alle durch Ajax ohne Seitenaktualisierungen und nahtlose Verbindung mit der Datenbank. Also ermutige ich Sie, es selbst auszuprobieren, einige Verbesserungen vorzunehmen, einige Anpassungen am Quellcode vorzunehmen und zu sehen, was Sie erreichen können.