axios ‘get’与‘post’的区别

简介: axios ‘get’与‘post’的区别

在axios中,get和post是常用的两种HTTP请求方法,它们的作用如下:

  1. get:用于获取数据,将请求参数附加在URL的末尾,通常用于请求数据列表等操作。

例如:

axios.get('/api/list') // 发送一个GET请求,请求path为/api/list的数据
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
  1. post:用于提交数据,将请求参数放在请求体中,通常用于新增、修改等操作。

例如:

axios.post('/api/add', {
    name: 'test',
    age: 18
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

从语义上来说,get表示“请给我这些资源”,post表示“我要提交这些资源”,因此使用时需要根据业务需求进行选择。

相关文章
|
24天前
|
负载均衡 前端开发 搜索推荐
Axios 和 Ajax 的区别
Axios 和 Ajax 的区别
|
3月前
|
JSON 数据格式
使用axios发送get和post请求
使用axios发送get和post请求
33 0
|
5月前
|
JSON JavaScript 前端开发
axios的post请求,数据为什么要用qs处理?什么时候不用?
axios的post请求,数据为什么要用qs处理?什么时候不用?
|
20天前
axios中的get带参数的请求方法
axios中的get带参数的请求方法
|
5月前
|
前端开发 JavaScript API
axios和ajax的区别
axios和ajax的区别
55 0
|
5月前
|
SQL JavaScript 前端开发
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
31 0
|
6月前
|
自然语言处理 JavaScript 前端开发
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
190 0
|
6月前
|
JSON 前端开发 JavaScript
ajax和axios、fetch的区别
ajax和axios、fetch的区别
|
8月前
|
缓存 JavaScript 前端开发
【Vue+Element-UI】实现登陆注册界面及axios之get、post请求登录功能实现、跨域问题的解决
跨域问题(Cross-Origin Resource Sharing,CORS)指的是在浏览器端,由于安全策略限制,不同源(域/协议/端口)之间的网页(或者Ajax请求)无法直接进行交互或访问对方的资源。同源策略是浏览器的一种安全机制,用于保护用户信息和防止恶意攻击。同源策略要求网页只能与相同源的资源进行交互,源(Origin)由协议、域名和端口号组成。当源不一致时,浏览器会阻止跨域的请求。例如,一个网页在域A中运行,试图通过JavaScript向域B发送AJAX请求,此时就会触发跨域问题。
|
24天前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
13 0