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

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

Artikel empfehlen

So verwendet MySQL Transaktionen

Grundlagen Eine Transaktion ist eine atomare Oper...

Detaillierte Erläuterung der stillen Anmeldung beim WeChat-Applet und der Aufrechterhaltung des benutzerdefinierten Anmeldestatus

Inhaltsverzeichnis 1. Hintergrund 2. Was ist ein ...

Detaillierte Erklärung zur Verwendung von React.cloneElement

Inhaltsverzeichnis Die Rolle von cloneElement Anw...

CSS-Code zum Anordnen von Fotos in Moments

Zunächst können Sie Moments öffnen und mehrere La...

Detaillierte Erklärung und Beispiele der MySQL-Isolationsebene

Inhaltsverzeichnis 4 Isolationsebenen von MySQL E...

Detaillierte Erklärung zur Anzeige der aktuellen Anzahl an MySQL-Verbindungen

1. Zeigen Sie die detaillierten Informationen all...

Beispielanalyse des Seitenaufteilungsprinzips des MySQL-Clusterindex

Dieser Artikel veranschaulicht anhand eines Beisp...

Detaillierte Erläuterung von Beispielen für MySQL-Einzeltabellenabfragevorgänge [Syntax, Einschränkungen, Gruppierung, Aggregation, Filterung, Sortierung usw.]

Dieser Artikel beschreibt die MySQL-Einzeltabelle...

Welche Eigenschaften sollte eine gute Werbung haben?

Manche Leute sagen, dass Werbung machen wie ein Me...

Führen Sie die Schritte zur Verwendung des Elements in vue3.0 aus

Vorwort: Verwenden Sie das Element-Framework in v...

Detaillierte Erklärung der Verwendung von Nginx proxy_redirect

Heute bin ich auf ein kleines Problem gestoßen, a...

Der Excel-Export schlägt in der Docker-Umgebung immer fehl

Der Excel-Export schlägt in der Docker-Umgebung i...

Standard-CSS-Stil der XHTML-Sprache

html,Adresse, Blockzitat, Körper, dd, div, dl,dt,...

So konfigurieren Sie Http, Https, WS und WSS in Nginx

Vorne geschrieben Im heutigen Internetbereich ist...

Fallstudie zu JavaScript Anti-Shake

Prinzip Das Prinzip von Anti-Shake ist: Du kannst...