Heim  >  Artikel  >  Web-Frontend  >  So stellen Sie eine asynchrone Anfrage mit Ajax

So stellen Sie eine asynchrone Anfrage mit Ajax

php中世界最好的语言
php中世界最好的语言Original
2018-03-31 11:08:012045Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie asynchrone Anfragen mit Ajax stellen und welche Vorsichtsmaßnahmen für asynchrone Anfragen mit Ajax gelten. Hier ist ein praktischer Fall, schauen wir uns das an.

Der vollständige Name von AJAX ist Asynchronous JavaScript and XML.

AJAX ist keine neue Programmiersprache, sondern eine neue Art, bestehende Standards zu nutzen. Ajax ist die Kunst, Daten mit dem Server auszutauschen und Teile einer Webseite zu aktualisieren, ohne die gesamte Seite neu zu laden.

ajax ist eine Technologie, die Teile einer Webseite aktualisieren kann, ohne die gesamte Webseite neu laden zu müssen.

Ajax ist eine Technologie zur Erstellung schneller und dynamischer Webseiten. Durch den Austausch kleiner Datenmengen mit dem Server im Hintergrund. Ajax ermöglicht die asynchrone Aktualisierung von Webseiten. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss. Wenn herkömmliche Webseiten (die kein Ajax verwenden) Inhalte aktualisieren müssen, muss die gesamte Webseite neu geladen werden.

Im Prozess der Webanwendungsentwicklung scheint die Branche keine klare Vorstellung von der Trennlinie zwischen Front- und Back-End zu haben, aber die meisten Menschen verwenden den Browser als Trennlinie zwischen Vorder- und Hinterteil. Der Teil des Browsers, der Seiten für Benutzer anzeigt, wird als Front-End bezeichnet, und der gesamte Code, der auf dem Server ausgeführt wird und Geschäftslogik und Datenvorbereitung für das Front-End bereitstellt, wird zusammenfassend als Back-End bezeichnet.

Obwohl die Trennung von Vorder- und Hinterteil vor einigen Jahren Aufmerksamkeit erregt hat, haben viele Menschen nur den Klang gehört, aber die Form nicht gesehen und sind daher nicht daran interessiert Es gibt einige Missverständnisse und sie glauben fälschlicherweise, dass die Trennung von Front-End und Back-End nur ein Entwicklungsmodell für Webanwendungen ist, solange die Front-End- und Front-End-Entwicklungsarbeit während der Entwicklungsphase aufgeteilt wird Bei der Webanwendung handelt es sich um die Trennung von Front-End und Back-End.

Tatsächlich ist dies nicht der Fall. Genauer gesagt handelt es sich bei der Trennung von Front-End und Back-End nicht nur um ein Entwicklungsmodell, sondern um ein Architekturmodell von Webanwendungen. Während der Entwicklungsphase können Front-End- und Back-End-Ingenieure eine parallele Entwicklung implementieren, indem sie sich während der Laufzeit auf interaktive Schnittstellen einigen. Der Front-End- und Back-End-Trennmodus erfordert eine separate Bereitstellung von Webanwendungen und der Front-End-Modus. End- und Back-End interagieren über HTTP-Anfragen.

1. JSON-Analyse

JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat. JSON verwendet ein völlig sprachunabhängiges Textformat. Diese Eigenschaften machen JSON zu einer idealen Datenaustauschsprache. Für Menschen leicht zu lesen und zu schreiben und für Maschinen leicht zu analysieren und zu generieren. Vereinfacht ausgedrückt wandelt JSON einen in einem JavaScript-Objekt dargestellten Datensatz in einen String um, der dann problemlos zwischen Funktionen oder von einem Web-Client an einen Server in einem asynchronen Anwendungsterminalprogramm übergeben werden kann.

2. Ajax-Schnittstellenaufruf

Trennung von Front- und Back-End bedeutet, dass JSON für die Kommunikation zwischen Front- und Back-End verwendet wird zwischen den beiden Entwicklungsteams Verwenden Sie die API, um als Vertrag über eine JSON-Zeichenfolge zu interagieren, und übergeben Sie die Zeichenfolge dann vom Webclient an das serverseitige Programm in einer asynchronen Anwendung. In diesem Teil erfahren Sie, wie Sie eine Ajax-Anfrage vom Frontend an das Backend initiieren und schließlich die Frontend-Seite aktualisieren, nachdem Sie die Datenantwort vom Server zurückgegeben haben.

3. PHP-Hintergrund

PHP ist ein beliebtes Allzweck-Skript Sprache, besonders geeignet für die Webentwicklung. Die PHP-Sprache hat die folgenden Eigenschaften:

1. Plattformübergreifend, überlegene Leistung und sehr wirtschaftlich in Kombination mit vielen kostenlosen Plattformen, wie LAMP (Linux /Apache/Mysql/PHP) oder FAMP (FreeBSD/ Apache/Mysql/PHP) oder wenn die Datenanwendung groß genug ist, können Sie einen Wechsel zu PostgreSQL oder Oracle in Betracht ziehen, das N Datenbanktypen unterstützt. (N >= 10)

2. Die Syntax ist einfach, wenn Sie C und Perl gelernt haben, ist der Einstieg einfach und sie ähnelt teilweise ASP. Es gibt ausgereifte Entwicklungstools wie NuPHPed oder Zend Studio usw., und Sie können Eclipse usw. unter der Linux-Plattform verwenden.

3. Derzeit werden Mainstream-Technologien wie WebService, Ajax, XML usw. unterstützt, die für die Anwendung ausreichend sind.

4. Es gibt viele ausgereifte Frameworks, wie zum Beispiel das Framework, das MVC unterstützt: phpMVC, das Framework, das ereignisgesteuerte Ereignisse wie ASP.net unterstützt: Prado, das Framework, das schnelle Entwicklung unterstützt, wie Ruby On Rails: Cake usw ., die ausreichen, um Ihre Bewerbungsanforderungen zu erfüllen.

5. PHP 5 verfügt bereits über ein ausgereiftes objektorientiertes System und kann sich an grundlegende objektorientierte Anforderungen anpassen. Geeignet für die Entwicklung von Großprojekten.

In diesem Teil erfahren Sie hauptsächlich, wie Sie einen PHP-Server erstellen, die grundlegende Syntax von PHP beherrschen, eine dynamische Webseite über PHP generieren, wie Sie mit PHP eine standardisierte Schnittstelle vervollständigen und schließlich JSON-Daten an den Server zurückgeben Rezeption.

4. Datenbank

Datenbank wird gemäß der Datenstruktur eines Lagers organisiert, gespeichert und verwaltet Jede Datenbank verfügt über eine oder mehrere unterschiedliche APIs zum Erstellen, Zugreifen, Verwalten, Durchsuchen und Kopieren der gespeicherten Daten. Wir können Daten auch in Dateien speichern, aber das Lesen und Schreiben von Daten in Dateien ist relativ langsam.

MySQL ist ein relationales Datenbank- Verwaltungssystem, das von der schwedischen Firma MySQL AB entwickelt wurde und derzeit zu Oracle gehört. MySQL ist ein relationales Datenbankverwaltungssystem. Eine relationale Datenbank speichert Daten in verschiedenen Tabellen, anstatt alle Daten in einem großen Warehouse abzulegen, was die Geschwindigkeit und Flexibilität erhöht.

• MySQL ist Open Source, sodass Sie nicht extra bezahlen müssen.

• MySQL unterstützt große Datenbanken. Kann große Datenbanken mit mehreren zehn Millionen Datensätzen verarbeiten.

• MySQL verwendet die Standardform der SQL-Datensprache.

• MySQL kann auf mehreren Systemen verwendet werden und unterstützt mehrere Sprachen. Zu diesen Programmiersprachen gehören C, C++, Python, Java, Perl, PHP, Eiffel, Ruby und Tcl usw.

• MySQL bietet gute Unterstützung für PHP, die derzeit beliebteste Webentwicklungssprache.

• MySQL unterstützt große Datenbanken und Data Warehouses mit 50 Millionen Datensätzen. Die 32-Bit-Systemtabellendatei kann maximal 4 GB unterstützen, und das 64-Bit-System unterstützt eine maximale Tabellendatei von 8 TB.

In diesem Teil werden hauptsächlich die Hinzufügungs-, Lösch-, Änderungs- und Abfragevorgänge in den Daten untersucht. Schließlich wird über PHP auf die Daten in den Daten zugegriffen und die Antwort wird dann von der Rezeption verarbeitet und verwendet.

5. Ajax domänenübergreifend

Aufgrund der Notwendigkeit, AJAX zum Anfordern von Anfragen unter anderen Domainnamen bei der Arbeit zu verwenden, erfolgt der Zugriff verweigert, da AJAX aus Sicherheitsgründen nur auf lokale Ressourcen und nicht auf domänenübergreifende Ressourcen zugreifen kann.

Lösung 1:

„XHR2“ vollständiger Name „XMLHttpRequest Level2“ ist eine von HTML5 bereitgestellte Methode, die eine gute Unterstützung für den domänenübergreifenden Zugriff bietet, und auch einige neue Funktionen.

* Versionen unter IE10 unterstützen nicht

* Fügen Sie einfach die folgenden zwei Codezeilen zum serverseitigen Header hinzu:

header( "Access-Control-Allow-Origin:*" );
header( "Access-Control-Allow-Methods:POST,GET" );

Lösung 2:

JSONP (JSON with Padding) ist ein inoffizielles Protokoll, das die Integration von Skript-Tags auf der Serverseite und deren Rückgabe an den Client ermöglicht und so einen domänenübergreifenden Zugriff in Form eines Javascript-Rückrufs ermöglicht (dies ist nur der Fall). Einfache JSONP-Implementierung).

Aufgrund der Einschränkung der Same-Origin-Richtlinie erlaubt XmlHttpRequest nur Anfragen für Ressourcen von der aktuellen Quelle (Domänenname, Protokoll, Port). Um domänenübergreifende Anfragen zu implementieren, können Sie domänenübergreifende Anfragen implementieren. Domänenanfragen über das Skript-Tag und dann JSON-Daten auf dem Server ausgeben und die Rückruffunktion ausführen, wodurch domänenübergreifende Datenanfragen gelöst werden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Empfohlene Lektüre:

Ajax+node js multer, um die Funktion zum Hochladen von Dateien zu erstellen

apicloud implementiert AJAX-Anfrage (angehängter Code). )

Das obige ist der detaillierte Inhalt vonSo stellen Sie eine asynchrone Anfrage mit Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn