Javascript ruft die Hintergrundmethode c auf

王林
Freigeben: 2023-05-12 13:58:07
Original
1016 Leute haben es durchsucht

Als Frontend-Programmiersprache wird JavaScript hauptsächlich für die Interaktion und Dynamik von Webseiten verwendet. Mit der Entwicklung der Technologie hat JavaScript jedoch im Hinblick auf die Back-End-Programmierung immer mehr Aufmerksamkeit auf sich gezogen. Insbesondere nach dem Aufkommen von Node.js hat sich JavaScript zu einer Full-Stack-Programmiersprache entwickelt. Bei der Entwicklung mit JavaScript im Hintergrund ist der Aufruf von Hintergrundmethoden eine wichtige Funktion. Lassen Sie uns kurz vorstellen, wie Hintergrundmethoden in JavaScript aufgerufen werden.

1. Verwenden Sie das XMLHttpRequest-Objekt, um Hintergrundmethoden aufzurufen.

Das XMLHttpRequest-Objekt ist ein Objekt, das häufig in JavaScript zum Datenaustausch mit dem Server verwendet wird mit dem Server, ohne die Seite neu zu laden.

1.1 Objekt erstellen

Beim Erstellen eines XMLHttpRequest-Objekts können Sie den folgenden Code verwenden:

var xhr = new XMLHttpRequest();
Nach dem Login kopieren

1.2 Geben Sie die Anforderungsmethode und die Anforderungsadresse an# #

Nachdem Sie das XMLHttpRequest-Objekt erstellt haben, müssen Sie die Anforderungsmethode und die Anforderungsadresse angeben. Die Anforderungsmethode kann GET oder POST sein, und die Anforderungsadresse bezieht sich auf die URL-Adresse der Hintergrundmethode. Dies wird durch den folgenden Code erreicht:

xhr.open('GET', '/backend_method_url', true);
Nach dem Login kopieren

1.3 Senden Sie eine Anfrage

Nachdem Sie die Anfragemethode und die Anfrageadresse angegeben haben, senden Sie eine Anfrage über den folgenden Code an den Server: # #
xhr.send();
Nach dem Login kopieren
# #1.4 Rückruffunktion festlegen

Nachdem die Anfrage gesendet wurde, müssen Sie eine Rückruffunktion einrichten, um den Status und die Daten der Anfrageantwort zu verarbeiten. Dies wird durch den folgenden Code erreicht:

xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { var responseText = xhr.responseText; console.log(responseText); } }
Nach dem Login kopieren

Unter diesen stellt xhr.readyState den Status des XMLHttpRequest-Objekts dar und der Statuswert lautet wie folgt:

# #0: Nicht initialisiert

1: Die offene Methode wurde aufgerufen, die Sendemethode wurde nicht aufgerufen
  • 2: Die Sendemethode wurde aufgerufen und die Anfrage ist wird gesendet
  • 3: Die vom Server zurückgegebenen Daten werden empfangen# #
  • 4: Nachdem alle Daten empfangen wurden, können Sie das Attribut „responseText“ verwenden, um alle Antwortdaten abzurufen # #
  • xhr.status stellt den HTTP-Statuscode dar. Der Statuscodewert lautet wie folgt: # #
  • 200: Anfrage erfolgreich
  • # #404: Die angeforderte Ressource existiert nicht.
500: Serverfehler.

# #1.5 Daten senden Daten der Hintergrundmethode können wir auch einige Daten senden, wenn wir eine Anfrage an die Hintergrundmethode stellen. Dies wird durch den folgenden Code erreicht:
    xhr.send('user_name=Tom&password=123456');
    Nach dem Login kopieren
  • Der Parameter der 'send'-Methode sind die zu sendenden Daten, die in Form einer Zeichenfolge oder Formulardaten vorliegen können. Es kann über Parameter in der Hintergrundmethode empfangen werden.
  • 2. Verwenden Sie die Fetch-API, um Hintergrundmethoden aufzurufen.
  • fetch-API ist eine neue Netzwerkanforderungs-API, die zum Ersetzen des XMLHttpRequest-Objekts verwendet werden kann. Durch die Verwendung der Abruf-API ist es einfach, AJAX-Anfragen zu stellen und Antwortdaten zu verarbeiten.
2.1 Eine Anfrage senden

Der Weg zum Senden einer Anfrage mit der Abruf-API ist wie folgt:

fetch('/backend_method_url', { method: 'GET' }).then(function (response) { return response.text(); }).then(function (data) { console.log(data); });
Nach dem Login kopieren

Der erste Parameter ist die URL-Adresse Der erste Parameter ist die URL-Adresse der Hintergrundmethode. Die beiden Parameter sind Objekte, die Informationen wie Anforderungsmethode, Anforderungsheader und Anforderungstext enthalten.

2.2 Antwortverarbeitung

In Bezug auf die Antwortverarbeitung können die Antwortdaten über die Then-Methode verarbeitet werden. Bei der ersten Methode können die Antwortdaten zur einfachen Verarbeitung in Textform umgewandelt werden.

Das Folgende ist ein vollständiges Beispiel für die Verwendung der Abruf-API zum Senden einer Anfrage:

fetch('/backend_method_url', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_name: 'Tom', password: '123456' }) }).then(function (response) { return response.json(); }).then(function (data) { console.log(data); }).catch(function (error) { console.log(error); });
Nach dem Login kopieren

3. Verwenden Sie das jQuery-Framework, um Hintergrundmethoden aufzurufen

# #jQuery ist eine häufig verwendete JavaScript-Bibliothek, die viele optimierte Funktionen zur Vereinfachung der JavaScript-Programmierung bietet. Bei AJAX-Anfragen kann die Verwendung von jQuery die Verarbeitung von Anfragen und Antworten bequemer abschließen.

3.1 Senden Sie eine Anfrage

Wenn Sie jQuery zum Senden einer Anfrage verwenden, können Sie den folgenden Code verwenden, um dies zu erreichen:

$.ajax({ url: '/backend_method_url', type: 'GET' }).done(function (data) { console.log(data); }).fail(function (error) { console.log(error); });
Nach dem Login kopieren

Die 'url Das Attribut „gibt die URL-Adresse der Hintergrundmethode an, das Attribut „type“ gibt die Anforderungsmethode an.

3.2 Daten senden

Wenn Sie jQuery zum Senden von Daten verwenden, kann dies durch den folgenden Code erreicht werden:

$.ajax({ url: '/backend_method_url', type: 'POST', data: { user_name: 'Tom', password: '123456' } }).done(function (data) { console.log(data); }).fail(function (error) { console.log(error); });
Nach dem Login kopieren

Das Attribut 'data' gibt an die zu sendenden Daten.

Im Folgenden erfahren Sie, wie Sie JavaScript zum Aufrufen von Hintergrundmethoden verwenden. Da JavaScript häufiger mit dem Hintergrund interagiert, ist die Codesyntax einfacher und es sind nur wenige Codezeilen erforderlich, um reguläre Methoden aufzurufen Operationen. Natürlich gibt es viele Details und Wissenspunkte, die wir beim Schreiben von Hintergrundfunktionen verstehen und verwenden müssen. Glücklicherweise gibt es im Internet viele hervorragende Tutorials und Fälle, die wir lernen und auf die wir zurückgreifen können. Immer mehr Entwickler entscheiden sich für die Entwicklung des Backends. Dies liegt auch daran, dass JavaScript viele Vorteile in Bezug auf Syntax und Funktionen bietet. Ich hoffe, dass die oben genannten Inhalte für alle hilfreich sein können.

Das obige ist der detaillierte Inhalt vonJavascript ruft die Hintergrundmethode c auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!