前端接口联调时传的参数是array数组形式处理

这篇具有很好参考价值的文章主要介绍了前端接口联调时传的参数是array数组形式处理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

情景:使用van-uolaoder组件上传多个图片后调用保存按钮,这时由于存在多张图片,调用接口时前端传的参数就是数组形式。(前端传的数组要先转为字符串)

前端接口联调时传的参数是array数组形式处理

处理方法是:

1. 先确定后端使用什么注解,如果是@requestBody注解,则请求体内容类型一般要为application/json(字符串格式)或multipart/form-data。如果用@requestParam注解,则为 Content-Type 为 application/x-www-form-urlencoded 编码的内容,Content-Type默认为该属性,默认必须要传该参数名对应的参数,否则会报错。

补充:

(1)get请求参数是带在url上的,必须使用params。
(2) post请求既可以使用params,也可以使用data
区别是:data是放在body里的,在url中看不见参数,但是使用params的话,说明参数在url里面是能够看见的

export function getTest1(data: object) {

    return httpRequest.post<responseType>(

        {

            url: Api.test1,

            data: data,

        }

    )

}

前端接口联调时传的参数是array数组形式处理

export function getTest2(params: object) {

    return httpRequest.post<responseType>(

        {

            url: Api.test2,

            data: params,

        }

    )

}

前端接口联调时传的参数是array数组形式处理文章来源地址https://www.toymoban.com/news/detail-425901.html

到了这里,关于前端接口联调时传的参数是array数组形式处理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 前端接收后端传的文件流并下载解决乱码问题

    两种情况: 1.如果这个接口是get的请求: 后端返回文件流,前端可能会导出txt或者excel的时候,里面的中文会出现乱码 就可以直接通过以下方式直接下载: window.location.href = \\\"请求文件流的接口地址\\\" 2.如果这个接口是post的请求:         因为存在多种场景,可能需要通过

    2024年02月11日
    浏览(35)
  • java_web接收前端传的excel文件读取数据

    #本次做一个将患者数据导入到某个模块的功能,前期集成的代码时不时出现异常,本次进行修改记录 前端代码

    2024年02月04日
    浏览(41)
  • @RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)

    目录 一、@RequestMapping  路由映射 二、参数传递 1、传递单个参数 2、传递多个参数 3、传递对象 4、后端参数重命名 5、传递数组 6、传递集合 7、传递JSON 8、获取url中的参数 9、上传图片/文件 指定请求访问的路径 既可以修饰类,又可以修饰方法 @RequestMapping支持Get、Post、Dele

    2024年02月04日
    浏览(38)
  • 【五子棋实战】第6章 调用接口进行联调

      引入Jquery,使用JQ封装的ajax,demo如下:   以上代码是一个使用 Ajax 进行 POST 请求的示例。请求发送到 http://localhost:5000/api/next_step ,请求参数包括 board 、 depth 、 ratio 和 length 。成功响应后,根据返回结果进行相应的处理。如果返回的 code 为 200 ,且 flag 为 true ,则显示

    2024年02月10日
    浏览(22)
  • shell 数组 ${array[@]} ${array[*]}的使用及区别

    shell中用括号来表示数组,数组元素间使用空格隔开。 例如: a=(1 2 3 4) 表示a数组且有元素为1,2,3,4 也可单个元素逐步来赋值 关联数组 定义关联数组,数组元素带键,键是唯一的。  declare -A array_name 通常使用下标来选择元素  可以使用${array[@]} ,${array[*]}来获取所有元素 区别

    2024年02月11日
    浏览(38)
  • 微信小程序开发与后台接口联调,设置http域名,及真机调试

    众所周知,现在微信小程序,接口只接受https,还需要在微信小程序官网的开发设置中设置域名,可是那如果想与本地后台代码联调,怎么办呢? 网上这个跳,那个跳,各种设置,其实很简单!!!! 微信小程序开发工具,详情—本地设置,勾选【不校验合法域名】,即可,

    2024年02月13日
    浏览(63)
  • 二维数组(Dyadic Array)

    一维数组 : 数组中直接存放数据 二维数组 : 数组中存放数组 二维数组可以看成以数组为元素的数组。就是一个特殊的一维数组,其每一个元素都是一个一维数组 其实多维数组不仅仅只有二维数组,还有三维数组,四维数组…, 但是三维以上很少见到,所以大家重点了解二维数组即

    2024年03月24日
    浏览(27)
  • JS对象-数组(Array)

    1.        arr1.concat(arr2,arr3..) 合并数组 2.        arr1.join(\\\"指定字符串\\\"); 将数组按指定字符串拼接成一个新的字符串             arr1.toString() 转字符串,默认,分割 无法指定 3.    arr1.pop() 删除最后一个元素         arr1.push(\\\"元素\\\") 在结尾添加元素(可多个) 4.       

    2024年02月11日
    浏览(35)
  • 无涯教程-Lua - Arrays(数组)

    数组是对象的有序排列,可以是包含行集合的一维数组,也可以是包含多行和多列的多维数组。 在Lua中,数组是使用带有整数的索引表实现的。数组的大小不是固定的,并且可以根据无涯教程的要求(取决于内存限制)来增长。 一维数组可以使用简单的表结构表示,并且可以使

    2024年02月14日
    浏览(25)
  • java - 数组工具类Arrays

    目录 前言 一、Arrays是什么? 二、常用方法 1.toString():将数组转换为字符串形式。 2. binarySearch():在已排序的数组中查找指定元素的索引。 3.fill():将数组的所有元素都设置为指定值。 4. copyOf():将一个数组的部分或全部元素复制到一个新数组中。  5.sort(数组):对数组进行

    2024年02月07日
    浏览(48)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包