脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → axios POST提交数据请求方式

axios POST提交数据的三种请求方式写法示例

 更新时间：2023年09月01日 09:27:54   作者：Awbeci  
这篇文章主要介绍了axios POST提交数据的三种请求方式写法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

1、Content-Type: application/json

import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log('res=>',res);            
})

2、Content-Type: multipart/form-data

import axios from 'axios'
let data = new FormData();
data.append('code','1234');
data.append('name','yyyy');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log('res=>',res);            
})

3、Content-Type: application/x-www-form-urlencoded

import axios from 'axios'
import qs from 'Qs'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify({
    data
}))
.then(res=>{
    console.log('res=>',res);            
})

总结

1、从jquery转到axios最难忘的就是要设置Content-Type，还好现在都搞懂了他们的原理

2、上面三种方式会对应后台的请求方式，这个也要注意，比如java的@RequestBody，HttpSevletRequest等等

以上就是axios POST提交数据的三种请求方式写法示例的详细内容，更多关于axios POST提交数据请求方式的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • webpack4 optimization使用总结

    webpack4 optimization使用总结

    这篇文章主要介绍了webpack4 optimization使用总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 原生js实现ajax请求和JSONP跨域请求操作示例

    原生js实现ajax请求和JSONP跨域请求操作示例

    这篇文章主要介绍了原生js实现ajax请求和JSONP跨域请求操作,结合实例形式分析了基于原生js实现的ajax请求和JSONP跨域请求相关操作技巧与使用注意事项,需要的朋友可以参考下
    2020-03-03
  • JavaScript极简入门教程（二）：对象和函数

    JavaScript极简入门教程（二）：对象和函数

    这篇文章主要介绍了JavaScript极简入门教程（二）：对象和函数,本文讲解了对象基础知识、函数基础知识、函数调用、异常、继承等内容,需要的朋友可以参考下
    2014-10-10
  • JS中数组重排序方法

    JS中数组重排序方法

    在数组中有两个可以用来直接排序的方法，分别是reverse（）和sort（）。下面通过本文给大家详细介绍，对js 数组重排序相关知识感兴趣的朋友一起看看吧
    2016-11-11
  • 微信小程序学习笔记之文件上传、下载操作图文详解

    微信小程序学习笔记之文件上传、下载操作图文详解

    这篇文章主要介绍了微信小程序学习笔记之文件上传、下载操作,结合实例形式分析了微信小程序图片文件传输的原理、步骤及后台php操作相关实现技巧,并结合图文形式予以详细说明,需要的朋友可以参考下
    2019-03-03
  • bootstrap treeview 树形菜单带复选框及级联选择功能

    bootstrap treeview 树形菜单带复选框及级联选择功能

    这篇文章主要介绍了bootstrap treeview 树形菜单带复选框及级联选择功能,代码超简单，感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-06-06
  • 原生javaScript实现图片延时加载的方法

    原生javaScript实现图片延时加载的方法

    这篇文章主要介绍了原生javaScript实现图片延时加载的方法,无需通过载入jQuery脚本即可实现图片的延时加载效果,是非常实用的技巧,需要的朋友可以参考下
    2014-12-12
  • javascript 节点排序实现代码

    javascript 节点排序实现代码

    为了让自定义选择选择出的节点集合尽可能接近原生API选出的结果，我们往往要对结果集进行排序，此顺序当然是从上到下，从左到右的DOM树顺序。
    2011-01-01
  • 使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法

    使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法

    sticky组件，通常应用于导航条或者工具栏，当网页在某一区域滚动的时候，将导航条或工具栏这类元素固定在页面顶部或底部，方便用户快速进行这类元素提供的操作
    2016-03-03
  • JavaScript中的Window.open()用法示例详解

    JavaScript中的Window.open()用法示例详解

    这篇文章主要给大家介绍了关于JavaScript中Window.open()用法的相关资料,今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,其中一个就是window.open(),需要的朋友可以参考下
    2023-07-07

最新评论