前端post请求方式传参参数各种格式详解,form-data,application/x-www-form-urlencoded,application/json,text/xml

发布时间 2023-08-08 22:46:57作者: 郭小睿

前端传参参数各种格式详解

一、form-data
二、application/x-www-form-urlencoded
三、application/json
四、text/xml

总结

form-data

enctype 等于 multipart/form-data。
form-data格式一般是用来进行文件上传
调用接口的时候参数data等于formData,用console.log打印formdata为空,其实是有数据的。

const formData = new FormData();
formData.append('modelName', code);

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

二、application/x-www-form-urlencoded
如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。
表单的传参格式,常见的post传参格式
data等于一个对象(或者是一个数组——特殊的对象),json格式的参数使用JSON.stringfy()方法使参数变成formData格式

代码如下(示例):

data = {
name: '',
}

data = ['']

三、application/json
JSON 格式支持比键值对复杂得多的结构化数据
application/json 这个 Content-Type 作为响应头

四、text/xml
是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。
XML-RPC 协议简单、功能够用,各种语言的实现都有。

总结