Zusammenfassung der Unterschiede zwischen Get- und Post-Anfragen in Vue

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Version Vue 2.9.6, DELL G3-Computer.

Der Unterschied zwischen Get- und Post-Anfragen in Vue

1. Anfrage erhalten

Bei einer GET-Anfrage folgen die Parameter der URL, das heißt, die Parameter werden im Header platziert. Die übertragbaren Parameter sind relativ klein. Verwenden Sie Parameter.

dies.$http.get(' URL ').dann(Ergebnis=>{
wenn(Ergebnis.Status===0){
// Erfolg this.list=result.message;
// Hier wird angenommen, dass der Name der Liste in der angeforderten Datentabelle Nachricht ist
}anders{
// Fehlgeschlagen, Popup-Fensterwarnung alert("Datenanforderung fehlgeschlagen");
}
})

2. Anfrage posten

Bei einer POST-Anfrage werden die Parameter im Textkörper platziert und folgen nicht der URL. Bei der Verwendung von Daten ist der übergebene Parameter größer.

dies.$http.post('URL',{id:this.id},{emulateJSON:true})..dann(Ergebnis=>{
wenn(Ergebnis.Body.Status===0){
// Erfolg }else{
// Fehlgeschlagener Alarm("Daten konnten nicht abgerufen werden!");
]
})

Wissenspunkterweiterung:

Vue verwendet Post/Get zum Herunterladen und Exportieren von Dateivorgängen

<!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="UTF-8">
		<title>Frontend-Projekt-Download-Exportdatei</title>
	</Kopf>
	<Text>
		<Skript>
			
		/**
		 * Post-Methode * Rückgabe: Dateistream * Vorteil: Sie können den Dateinamen zur einfacheren Fehlerbehebung selbst ändern */
	  let Parameter = {      
			ListData: diese.ListData     
		}
   	_this.$http.post(url,params,{responseType:"arraybuffer"} //Muss Elemente hinzufügen).then(function(res) {
      Konsole.log(res)
      var blob = neuer Blob([res.data], {Typ: 'Anwendung/msword; Zeichensatz=utf-8'});
      var Dateiname = "download.doc";
      var a = document.createElement('a');
      var url = window.URL.createObjectURL(blob);
      a.href = URL;
      a.download = Dateiname;
      var body = document.getElementsByTagName('body')[0];
      body.anhängenKind(a);
      ein.Klick();
      body.entfernenKind(a);
      window.URL.revokeObjectURL(url);
		}
		
		/**
		 * Get-Methode * Rückgabe: Dateistream * Vorteile: Nichts muss im Vordergrund verarbeitet werden, die gesamte Verarbeitung erfolgt im Hintergrund * Nachteile: unverändertes Debuggen (die Stabilität der Hintergrundschnittstelle muss sichergestellt werden)
		 */
		let exportURL = `api/sysLog/export?content=${content}&ip=${ip}`;
   	Fenster.öffnen(ExportURL, "_blank")
		
		</Skript>
	</body>
</html>

Damit ist dieser Artikel über die Unterschiede zwischen Get- und Post-Anfragen in Vue abgeschlossen. Weitere Informationen zu den Unterschieden zwischen Get- und Post-Anfragen in Vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:

Lösen Sie das domänenübergreifende Problem von Get- und Post-Anfragen von vue $http
Vue verwendet Post/Get zum Herunterladen und Exportieren von Dateivorgängen
Vue-Grundlagen: Verwenden von get, post und jsonp zum Implementieren interaktiver Funktionen
Vue Axios Global Interception - Beispielcode für Get-Anfragen, Post-Anfragen und Konfigurationsanfragen
Vue Axios Datenanforderung abrufen, Post-Methode und Beispiel ausführliche Erklärung
Vuejs verwendet asynchronen Axios-Zugriff, um Get- und Post-Beispiele zu verwenden

<<: 40 Schriftarten, empfohlen für berühmte Website-Logos

>>: Detaillierte Schritte zum Bereitstellen von lnmp unter Docker

Vue implementiert das gleichzeitige Einstellen mehrerer Countdowns

Zusammenfassung der Unterschiede zwischen Get- und Post-Anfragen in Vue

1. Anfrage erhalten

2. Anfrage posten

Vue implementiert das gleichzeitige Einstellen mehrerer Countdowns

Erstellen von responsiven E-Mails mit Vue.js und MJML

Detaillierte Erläuterung verschiedener Möglichkeiten zum Abrufen der PID (TID, LWP) von Linux-Threads

Einige „Fallstricke“ beim Upgrade der MySQL-Datenbank

So verwalten Sie zwischengespeicherte Seiten in Vue

Vue-Beispielcode zur Implementierung einer horizontalen Zeitleiste mit zwei Spalten

Ausführliche Erläuterung der Mysql-Deadlock-Anzeige und Deadlock-Entfernung

Ausführliches Tutorial zur CentOS-Installation von MySQL5.7

Unterschied und Implementierung von JavaScript Anti-Shake und Throttling

Vue implementiert eine Online-Vorschau von PDF-Dateien (mithilfe von pdf.js/iframe/embed)

Artikel empfehlen

Lösen Sie das Problem beim Laden der Vektorkartenquelle in OpenLayers 3

So isolieren Sie Benutzer in Docker-Containern

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.20 unter Windows 10

Beispiel für die Anpassung von rem an mobile Geräte

MySQL 5.7.17 Winx64 Installations- und Konfigurations-Tutorial

Einführung in MySQL-Rollenfunktionen

Zusammenfassung der zwölf Methoden der Vue-Wertübertragung

Verwendung und Beschreibung des HTML-Tags tbody

Einige Details zu Semikolons in JavaScript

Lernbeispiel für den Nginx Reverse Proxy

So stellen Sie Solidity-Smart-Contracts mit ethers.js bereit

Tutorial zur MySQL-Installation unter Linux (Binärdistribution)

Eine kurze Einführung in JavaScript-Arrays

Problem mit der V-HTML-Rendering-Komponente

Problem mit der Kompilierung des Nginx RTMP-Moduls in der Arm-Version