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

Ein Artikel zum Verständnis der Erstellung, des Hochladens, Abrufens und Bereitstellens von Docker-Images

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

1. Anfrage erhalten

2. Anfrage posten

Ein Artikel zum Verständnis der Erstellung, des Hochladens, Abrufens und Bereitstellens von Docker-Images

Lösung für das Problem, dass Java keine Verbindung zu MySQL 8.0 herstellen kann

17 hervorragende Webdesigns, sorgfältig von Startups entwickelt

Detailliertes Tutorial zur Installation des ElasticSearch:7.8.0-Clusters mit Docker

el-table in vue realisiert automatischen Deckeneffekt (unterstützt feste)

Nginx-Konfiguration: Trennung von PC-Site und mobiler Site zur Realisierung der Umleitung

Docker erstellt CMS-On-Demand-System mit Player-Funktion

Vue implementiert Bildverifizierungscode beim Anmelden

Neue Verwendung von watch und watchEffect in Vue 3

Detaillierte Einführung in die Grundkonzepte von JS

Artikel empfehlen

Wie besteht man die W3C-Validierung?

Eine kurze Diskussion über die Semantik von HTML und einige einfache Optimierungen

100 Möglichkeiten, die Farbe eines Bildes mit CSS zu ändern (sammelnswert)

Ursachen und Lösungen für MySQL-Datenverlust

Implementierung des Tomcat-Bereitstellungsprojekts und Integration mit IDEA

Mehrere Möglichkeiten zur Implementierung eines 0-ms-Verzögerungstimers in js

Grafisches Tutorial zur Installation und Konfiguration des MySQL 8.0.15 WinX64-Komprimierungspakets

Eine kurze Analyse und Aufschlüsselung der Vor- und Nachteile von drei Baumstrukturtabellendesigns in MySQL

JSONP-domänenübergreifende Simulation der Baidu-Suche

So verwenden Sie griechische Buchstaben in HTML-Seiten

MySQL verwendet den Befehl truncate, um alle Tabellen in einer Datenbank schnell zu löschen

Detaillierte Erklärung zu Padding und Abkürzungen im CSS-Boxmodell

Zusammenfassung der Verwendung von clipboard.js

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.24

Verwendung des Linux-Watch-Befehls