Summary of the differences between get and post requests in Vue

The operating environment of this tutorial: Windows 7 system, vue 2.9.6 version, DELL G3 computer.

The difference between get and post requests in Vue

1. Get request

In a GET request, the parameters follow the URL, that is, the parameters are placed in the header. The parameters that can be transmitted are relatively small. Use params.

this.$http.get(' URL ').then(result=>{
if(result.status===0){
// Success this.list=result.message;
// Here it is assumed that the name of the list in the requested data table is message
}else{
// Failed, pop-up window alert alert("Data request failed");
}
})

2. Post request

In a POST request, the parameters are placed in the body and not following the URL. When using data, the parameter passed is larger.

this.$http.post('URL',{id:this.id},{emulateJSON:true})..then(result=>{
if(result.body.status===0){
// Success }else{
// Failed alert("Failed to obtain data!");
]
})

Knowledge point expansion:

Vue uses post/get to download and export file operations

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Front-end project download export file</title>
	</head>
	<body>
		<script>
			
		/**
		 * post method * Return: file stream * Advantage: you can modify the file name yourself for easy debugging */
	  let params = {      
			ListData : this.ListData     
		}
   	_this.$http.post(url,params,{responseType:"arraybuffer"} //Must add items).then(function(res) {
      console.log(res)
      var blob = new Blob([res.data], {type: 'application/msword; charset=utf-8'});
      var filename = "download.doc";
      var a = document.createElement('a');
      var url = window.URL.createObjectURL(blob);
      a.href = url;
      a.download = filename;
      var body = document.getElementsByTagName('body')[0];
      body.appendChild(a);
      a.click();
      body.removeChild(a);
      window.URL.revokeObjectURL(url);
		}
		
		/**
		 * get method * Return: file stream * Advantages: nothing needs to be processed in the foreground, all processing is done in the background * Disadvantages: unchanged debugging (need to ensure the stability of the background interface)
		 */
		let exportURL = `api/sysLog/export?content=${content}&ip=${ip}`;
   	window.open(exportURL, "_blank")
		
		</script>
	</body>
</html>

This concludes this article about the differences between get and post requests in vue. For more information about the differences between get and post requests in vue, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!

You may also be interested in:

Solve the cross-domain problem of get and post requests of vue $http
Vue uses post/get to download and export file operations
Vue basics: using get, post, and jsonp to implement interactive functions
Vue axios global interception get request, post request, configuration request example code
Vue axios data request get, post method and example detailed explanation
Vuejs uses axios asynchronous access to use get and post examples

<<: 40 fonts recommended for famous website logos

>>: Comprehensive summary of mysql functions

80 lines of code to write a Webpack plugin and publish it to npm

Summary of the differences between get and post requests in Vue

1. Get request

2. Post request

80 lines of code to write a Webpack plugin and publish it to npm

Detailed explanation of whether the MySQL database should use foreign key constraints

The question of whether a tag opens a new page. The opening status of major websites is summarized

Detailed steps to configure MySQL remote connection under Alibaba Cloud

Let’s talk in detail about how browsers view closures

HTML data submission post_PowerNode Java Academy

A comprehensive summary of frequently used statements in MySQL (must read)

How to install and uninstall open-vswitch in Linux

Advanced Usage Examples of mv Command in Linux

How to write a MySQL backup script

Recommend

The difference between div and span in HTML (commonalities and differences)

MySQL master-slave data is inconsistent, prompt: Slave_SQL_Running: No solution

Analysis of Linux Zabbix custom monitoring and alarm implementation process

Summary of Linux environment variable configuration methods (differences between .bash_profile and .bashrc)

Detailed tutorial on how to automatically install CentOS7.6 using PXE

Detailed description of the life cycle of React components

Vue implements the function of calling the mobile phone camera and album

How to deploy SpringBoot project using Docker

Can CSS be used like this? The art of whimsical gradients

Sample code for testing technology application based on Docker+Selenium Grid

Nginx proxy axios request and precautions

What does the legendary VUE syntax sugar do?

Node.js adds, deletes, modifies and checks the actual combat record of MySQL database

Example of how to mosaic an image using js

js to achieve drag and drop sorting details