axios 使用FormData格式发送GET请求

这篇具有很好参考价值的文章主要介绍了axios 使用FormData格式发送GET请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如果你需要使用,FormData格式,发送GET请求

  1. 将参数拼接到 FormData对象 中,
  2. 使用 URLSearchParamsFormData对象转换为查询参数字符串,并将其拼接到URL中,
  3. 这样就能以FormData格式发送GET请求给服务器

注意:
URLSearchParams是ES6中的内置对象,如果你的项目中使用的是较旧的JavaScript版本,可能需要使用其他方式来处理查询参数。文章来源地址https://www.toymoban.com/news/detail-681996.html

/**
	* 如果你需要使用,FormData格式,发送GET请求
		第一步:将参数拼接到 FormData对象 中,
		第二步:使用 URLSearchParams 将FormData对象转换为查询参数字符串

		使用URLSearchParams将FormData对象转换为查询参数字符串,并将其拼接到URL中,这样就能以FormData格式发送GET请求给服务器
*/

// 请注意,URLSearchParams是ES6中的内置对象,如果你的项目中使用的是较旧的JavaScript版本,可能需要使用其他方式来处理查询参数

export function delPriceRule(parameter) {

  const formData = new FormData()
  formData.append('id', parameter.id)
  const params = new URLSearchParams(formData)

  return axios({
    url: `${api.delPriceRule}?${params.toString()}`,
    method: 'get',
  })
}

到了这里,关于axios 使用FormData格式发送GET请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Ajax】笔记-Axios与函数发送AJAX请求

    1、Axios是一个基于Promise的HTTP库,而Ajax是对原生XHR的封装; 2、Ajax技术实现了局部数据的刷新,而Axios实现了对ajax的封装。 ajax: 本身是针对MVC的编程,不符合现在前端MVVM的浪潮 基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案 JQuery整个项目太大,单纯使用

    2024年02月16日
    浏览(32)
  • 前端请求数据方法 —— Ajax、Fetch、Axios、Get、Post

    Ajax :( “Asynchronous JavaScript and XML”(异步JavaScript和XML)的缩写)是一组Web开发技术,Ajax不是一种技术,而是一个编程概念。AJAX 这个词就成为 JavaScript 脚本发起 HTTP 通信的代名词,也就是说,只要用脚本发起通信,就可以叫做 AJAX 通信。 技术实现 用于演示的HTML(或 XHTML)和

    2024年01月22日
    浏览(43)
  • AJAX学习笔记1发送Get请求

    传统请求有哪些方式,及缺点 传统请求有哪些? 1.直接在浏览器地址栏上输入URL. 2.点击超连接. a href=\\\"/上下文/请求地址\\\"超链接请求/a  ----相对路径 a href=\\\"http://www.baidu.com\\\"超链接请求/a  ----绝对路径 3.提交form表单 form action=\\\"/上下文/请求地址\\\" method=\\\"post\\\" 4.使用JS代码 window.open(\\\"u

    2024年02月10日
    浏览(41)
  • 前端 axios 通过 get 请求发送 json 数据

    先说结论: axios 不能通过 get 请求发送 json 数据 使用 postman 可以做到通过 get 请求发送 json 数据 但是通过 axios 框架就不行, 主要是因为axios是对ajax的一个封装。他本身不支持get请求在body体传参。 原生和jquery的ajax是支持的。建议跟后端沟通,你把json拼在url后面,后端从url的

    2024年02月11日
    浏览(46)
  • 关于Axios发送Get请求无法添加Content-Type

    在拦截器中尝试给headers添加Content-Type: 如果是GET请求,会发现请求头中无论如何加不上Content-Type,查看源码: 如果data未定义则会将Content-Type设置为null; 那么修改data,也是从网上查到的: 普通GET请求可以正常添加Content-Type,但是如果需要将Content-Type改成“multipart/form-data”

    2024年02月04日
    浏览(37)
  • 微信小程序接口请求使用formData格式

    参考地址:使用wx.request发送multipart/form-data请求的方法

    2024年02月14日
    浏览(34)
  • java业务代码发送http请求(Post方式:请求参数为JSON格式;Get方式)

    实际开发中,可能需要发送http请求到第三方服务获取数据,于是就有以下应用: 依赖: 假设我需要在我的业务代码中调用该地址: url:http://xx.xx:xxxx/user/count 请求方法:post 内容类型:application/json 请求参数:id, username 返回参数:code 响应结果 int类型                  

    2024年02月12日
    浏览(45)
  • 【AJAX】使用JQ发送AJAX发送请求

    运行结果  获取的响应是字符串,如何把字符串变成JSON对象 方法一:JSON.parse(data) 方法二:设置响应数据类型为json格式 // $.get/post(发送地址, 发送参数{key:value,key:value...} 回调函数(function(data){}[data:响应体]),,\\\'json)     $.get(\\\'http://127.0.0.1:8000/server\\\', { a: 100, b: 200 }, function (data) {

    2024年02月13日
    浏览(37)
  • axios 用formData的方式请求数据

    需求:使用axios库用来做http数据传输。 问题:传递数据的时候不是直接通过json的方式来传输的数据,二是通过formData的方式 解决: axios 请求头设置,Content-Type 往后台传递参数的时候用 qs.stringify()处理:  当遇到参数中有 数组对象嵌套时,需要用 JSON.stringify进行包裹: cai

    2024年02月09日
    浏览(22)
  • 【Ajax】笔记-使用fetch函数发送AJAX请求

    fetch()是XMLHttpRequest的升级版,用于在JavaScript脚本里面发出 HTTP请求,本文章向大家介绍fetch()的用法,主要包括fetch()的用法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 Fetch() 是 window.fetch 的 JavaScript polyfill。 全局 fetc

    2024年02月15日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包