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

mysql implementiert den Import nur einer angegebenen Tabelle aus der SQL-Datei der exportierten Daten

Artikel empfehlen

Detaillierte Erläuterung des Vue-Routing-Routers

Inhaltsverzeichnis Routing-Plugins modular nutzen...

JavaScript Voranalyse, Objektdetails

Inhaltsverzeichnis 1. Voranalyse 1. Vorabanalyse ...

Einfache Beispiele zum Erstellen gespeicherter Prozeduren, Trigger und zur Verwendung von Cursorn in Navicat (Bilder und Text)

1. Tabellen erstellen <br /> Erstellen Sie ...

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

1. Anfrage erhalten

2. Anfrage posten

mysql implementiert den Import nur einer angegebenen Tabelle aus der SQL-Datei der exportierten Daten

Verwenden Sie HTML und CSS, um Ihren eigenen warmen Mann „Dabai“ zu erstellen.

So fixieren Sie Inhalte beim Scrollen einer HTML-Seite an einer festen Position

Implementierungscode für die Verwendung von „Select“ zum Auswählen von Elementen in Vue+Openlayer

Docker verwendet den Prune-Befehl, um das Nicht-Image zu bereinigen

Node.js verwendet die Express-Fileupload-Middleware zum Hochladen von Dateien

8 JS reduziert Verwendungsbeispiele und reduzierte Betriebsmethoden

Einführung in die Verwendung von em im elastischen Layout in CSS3: Wie viele Pixel sind 1em?

MySQL führt Befehle für externe SQL-Skriptdateien aus

Ausführliche Erläuterung des globalen Status des WeChat-Applets

Artikel empfehlen

Detaillierte Erläuterung des Vue-Routing-Routers

JavaScript Voranalyse, Objektdetails

Einfache Beispiele zum Erstellen gespeicherter Prozeduren, Trigger und zur Verwendung von Cursorn in Navicat (Bilder und Text)

Womit kann ich dich, meinen Tisch, retten (Haiyu-Blog)

4 Funktionen, die durch das Transform-Attribut in CSS3 implementiert werden

Vue3 manuelle Kapselung Popup-Box-Komponente Nachrichtenmethode

JS beherrscht schnell die Verwendung von ES6-Klassen

MySQL 5.7.18 Installations- und Konfigurations-Tutorial unter Windows

Vue-Komponente kapselt Beispielcode zum Hochladen von Bildern und Videos

Warum der CSS-Attributwert clear:right im Detail nicht funktioniert

Mein CSS-Framework – base.css (Browser-Standardstil zurücksetzen)

Schritte zum Installieren einer RocketMQ-Instanz unter Linux

Detaillierte Konfiguration des mysql8.x-Docker-Remotezugriffs

Javascript kombiniert mit Vue zur automatischen Pfadfindung für jedes Labyrinthbild

Javascript-Bereich und Abschlussdetails