Home > Article > Web Front-end > How to write get and post requests in vue
In Vue.js, you can use the $http.get() and $http.post() methods to send GET and POST requests. The $http.get() method is used to send GET requests, and the $http.post() method is used to send POST requests. The response is returned through a Promise object, containing data, status code, and response header information.
How to send a GET request?
To send a GET request in Vue.js, you can use the $http.get()
method:
<code class="javascript">this.$http.get('/endpoint').then(response => { // 处理响应 });</code>
Among them, /endpoint
is the URL to send the request to.
How to send a POST request?
To send a POST request, you can use the $http.post()
method:
<code class="javascript">this.$http.post('/endpoint', data).then(response => { // 处理响应 });</code>
Among them, /endpoint
is to send the request The URL, data
is the data object to be sent.
How to handle the response? The
$http.get()
and $http.post()
methods return a Promise object, which resolves and returns a response object. The structure of the response object is as follows:
<code>{ data: {}, // 服务器响应的数据 status: 200, // HTTP 状态码 headers: {} // 响应头信息 }</code>
The then()
method can be called in a chain to process the response:
<code class="javascript">this.$http.get('/endpoint').then(response => { if (response.status === 200) { // 处理数据 } else { // 处理错误 } });</code>
Other options
There are also some optional parameters that can be used to customize GET and POST requests:
timeout
: Request timeout (in milliseconds) emulateJSON
: Simulate JSON encoding to support old browsersheaders
: Request header information objectThe above is the detailed content of How to write get and post requests in vue. For more information, please follow other related articles on the PHP Chinese website!