So rufen Sie Daten mit JQuery auf (5 Methoden)

jQuery ist eine beliebte JavaScript-Bibliothek, die häufig in der Front-End-Webentwicklung verwendet wird. Im Prozess der Webentwicklung ist es häufig erforderlich, Daten aus dem Hintergrund über die Ajax-Technologie anzufordern und die zurückgegebenen Daten dynamisch auf der Seite anzuzeigen. Daher ist die Beherrschung des Datenaufrufs mit jQuery eine wesentliche Fähigkeit für Entwickler. In diesem Artikel wird vorgestellt, wie jQuery Daten aufruft.

1. Verwendung der Ajax-Methode von jQuery

jQuery bietet eine praktische Ajax-Methode zum Senden von Anfragen an den Server und zum Abrufen von Daten. Die Methode ist $.ajax(), die als Parameter ein Objekt empfangen kann, das Anforderungsparameter enthält. Das Folgende ist ein einfaches Beispiel:

$.ajax({
  url: 'some.php',
  type: 'POST',
  data: {name: 'John', age: 30},
  success: function(response) {
    console.log(response);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus);
  }
});

Im obigen Code stellt URL die angeforderte Adresse dar, Typ stellt die Anforderungsmethode (GET oder POST) dar, Daten stellen die angeforderten Daten dar, Erfolg stellt die Rückruffunktion dar, nachdem die Anforderung erfolgreich war, und Fehler stellt den Anforderungsfehler dar. Die Rückruffunktion danach.

2. Verwenden Sie die get- und post-Methoden von jQuery.

Zusätzlich zur $.ajax()-Methode bietet jQuery auch die Methoden get() und post(), die das Senden von GET- und POST-Anfragen erleichtern können. Das Folgende ist ein Beispiel für eine GET-Anfrage:

$.get('some.php', function(response) {
  console.log(response);
});

Im obigen Code empfängt die Methode $.get() zwei Parameter. Der erste Parameter ist die angeforderte Adresse und der zweite Parameter ist die Rückruffunktion nach Erfolg.

Das Folgende ist ein Beispiel für eine POST-Anfrage:

$.post('some.php', {name: 'John', age: 30}, function(response) {
  console.log(response);
});

Im obigen Code empfängt die Methode $.post() drei Parameter. Der erste Parameter ist die angeforderte Adresse, der zweite Parameter sind die angeforderten Daten und der dritte Parameter Ist die Rückruffunktion nach Erfolg.

3. Verwenden Sie die Load-Methode von jQuery.

Die Load()-Methode von jQuery kann Daten vom Server laden und den zurückgegebenen HTML-Code in das angegebene Element einbetten. Das Folgende ist ein einfaches Beispiel:

$('#result').load('some.txt');

Im obigen Code empfängt die Methode „load()“ einen Parameter, der die angeforderte Adresse angibt, und der zurückgegebene HTML-Code ersetzt den HTML-Inhalt durch die Element-ID des Ergebnisses.

4. Verwenden Sie die Methode getJSON von jQuery

$.getJSON(), um JSON-Daten anzufordern und die zurückgegebenen Daten in ein JavaScript-Objekt zu konvertieren. Das Folgende ist ein einfaches Beispiel:

$.getJSON('some.json', function(data) {
  console.log(data);
});

Im obigen Code empfängt die Methode $.getJSON() zwei Parameter. Der erste Parameter ist die angeforderte Adresse und der zweite Parameter ist die Rückruffunktion nach Erfolg.

5. Verwenden Sie die getScript-Methode von jQuery

getScript()-Methode, um JavaScript-Dateien auf dem Server anzufordern und auszuführen. Das Folgende ist ein einfaches Beispiel:

$.getScript('some.js', function() {
  console.log('Script loaded.');
});

Im obigen Code empfängt die Methode getScript() zwei Parameter. Der erste Parameter ist die Adresse der angeforderten JavaScript-Datei und der zweite Parameter ist die Rückruffunktion nach Erfolg.

VI. Zusammenfassung

In diesem Artikel werden die fünf Methoden von jQuery zum Abrufen von Daten vorgestellt, nämlich die Verwendung der Ajax-Methode, der Get- und Post-Methoden, der Load-Methode, der getJSON-Methode und der getScript-Methode. Diese Methoden werden häufig von Entwicklern im Prozess der Webentwicklung eingesetzt. Durch die Beherrschung dieser Fähigkeiten können Webentwicklungsaufgaben effizienter erledigt werden.

Das obige ist der detaillierte Inhalt vonSo rufen Sie Daten mit JQuery auf (5 Methoden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!