首页 > 其他分享 >前端使用axios如何提交表单请求

前端使用axios如何提交表单请求

时间:2023-02-17 14:48:37浏览次数:40  
标签:reportOptions stringify axios res 前端 表单 formData append

//使用FormData创建参数

let formData = new FormData();
formData.append("jsonData", JSON.stringify(reportOptions.request));
formData.append("jsonAttrsData", JSON.stringify(reportOptions.attrs));

//添加请求头

axios({
url: url,
data: formData,
responseType: 'blob',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
method: 'post'
}).then(function (res) {
let filename = `${options.options.name + new Date().format('yyyyMMddhhmmss')}.xlsx`;
downloadBlob(res.data, filename);
resolve();
}).catch(function () {
resolve();
});

标签:reportOptions,stringify,axios,res,前端,表单,formData,append
From: https://www.cnblogs.com/lumingprince/p/17130031.html

相关文章

  • 前端常见面试题(二)CSS
    1、(布局)盒模型宽度计算offsetwidth=(内容宽度+内边距+边框),无外边距。100+10*2+1*2=122px 补充:如果让offsetwith=100px该如何做?添加box-sizing=border-box 2、(布......
  • 前端小技巧之 --- 节点的主题是否相同?
    要判断一下两个数组中节点的主题是否相同?  方法:created(){letre1=this.ifSameTheme(this.treeList1)console.log("是否相同?--treeList1:",re1)......
  • 前端重新部署如何通知用户刷新网页
    1.目标场景有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。2.思考解决方......
  • 【博学谷学习记录】超强总结,用心分享 | 前端开发 web APIs(四)
    WebAPIs-第4天进一步学习DOM相关知识,实现可交互的网页特效能够插入、删除和替换元素节点能够依据元素节点关系查找节点1日期对象掌握Date日期对象的使用,......
  • 轻量化前端更新方案
    一句话介绍:它是可以一行命令将代码更新到服务器的脚本轻量级更新方案最开始源于掘金的文章,后来从零实现了一个更新脚本,并且已在是生产环境中进行使用很长时间,算是非常稳......
  • 2023前端开发最新面试题收集-Javascript篇
    前台、中台、后台-前台:面向用户、客户可以感知的,如商城-中台:可以看着对前台的补充,公共服务功能,如支付系统、搜索系统、客服-后台:面向运营、比如商品管理、物流管理1......
  • 2023前端开发最新面试题收集-Vue2/3篇
    Vue整理1、谈谈MVVM的理解MVC(react):数据流是单向的,View和Model之间通过controller连接通信,用户操作会请求服务器,路由拦截分发请求,调用对应的控制器controller,控制器会......
  • 2023前端开发最新面试题收集-Webpack篇
    webpack整理谈谈webpack的理解webpack是一个静态模块打包器。当webpack处理应用程序时,会递归构建一个依赖关系图,其中包括应用程序所需的所有模块,最后将这些模块打包成一......
  • 2- 用户登录表单拦截 UsernamePasswordAuthenticationFilter
    /**Copyright2004,2005,2006AcegiTechnologyPtyLimited**LicensedundertheApacheLicense,Version2.0(the"License");*youmaynotusethisf......
  • VUE生命周期函数/axios与后端交互案例
    axios发送ajax请求与后端交互以后都用它,在vue上,第三方的模块Axios是一个基于promise的HTTP库,还是基于XMLHttpRequest封装的#跨越问题 -浏览器的原因,只要向不是......