前端请求传参格式

一、格式类型
form-data
application/x-www-form-urlencoded
application/json
text/xml

一、form-data

  1. multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分,这个一般文件上传时用。

  2. 当method为post时候,浏览器把form数据封装到http body中,然后发送到server。

  3. 如果没有type=file的控件,默认用application/x-www-form-urlencoded。

  4. 如果有type=file,必须用multipart/form-data。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)。
    ectype 等于 multipart/form-data。

调用接口的时候参数data等于formData,用console.log打印formdata为空,其实是有数据的

const formData = new FormData();
formData.append('name', '李雷');

// 使用get方法查看数据
formData.get('modelName') // code

二、application/x-www-form-urlencoded
①请求方式为get:
当method为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url,可以传json对象格式

let data={
	name:'李雷',
	age:12
}

②post
为post的情况需要传form-data格式, 窗体数据被编码为名称/值对,这是标准的编码格式


四、Content-Type的使用
客户端发送请求(Request)时的Content-Type设置,特别是使用ajax的时候,如果设置得不准确,很有可能导致请求失败。

  1. 如果是一个restful接口(json格式),一般将Content-Type设置为application/json; charset=UTF-8;
  2. 如果是文件上传,一般Content-Type设置为multipart/form-data
  3. 如果普通表单提交,一般Content-Type设置为application/x-www-form-urlencoded

未完:------------------------
参考:https://blog.csdn.net/qq_45796667/article/details/125239247

相关推荐

  1. 前端请求格式

    2024-03-23 20:34:04       41 阅读
  2. 前后格式

    2024-03-23 20:34:04       63 阅读
  3. 后端各种格式混合vue前端

    2024-03-23 20:34:04       44 阅读
  4. 前端Get请求能在body上

    2024-03-23 20:34:04       43 阅读
  5. 前端get请求日期类型参数向后端失败

    2024-03-23 20:34:04       35 阅读
  6. 03-OpenFeign-请求设置

    2024-03-23 20:34:04       52 阅读
  7. Websocket前端:深度解析与实战应用

    2024-03-23 20:34:04       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-23 20:34:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-23 20:34:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-23 20:34:04       82 阅读
  4. Python语言-面向对象

    2024-03-23 20:34:04       91 阅读

热门阅读

  1. web蓝桥杯真题:折叠手风琴

    2024-03-23 20:34:04       40 阅读
  2. 分布式并行策略概述

    2024-03-23 20:34:04       44 阅读
  3. 国庆节是星期几

    2024-03-23 20:34:04       42 阅读
  4. 为wordpress后台添加一个自定义页面

    2024-03-23 20:34:04       41 阅读
  5. Linux ld链接器

    2024-03-23 20:34:04       30 阅读
  6. server2016datacenter改正式版

    2024-03-23 20:34:04       37 阅读
  7. 苍穹外卖Day3碰到的元注解

    2024-03-23 20:34:04       43 阅读
  8. Eureka注册中心

    2024-03-23 20:34:04       40 阅读
  9. C语言经典面试题目(二十)

    2024-03-23 20:34:04       43 阅读