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

2023-10-27

一、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 协议简单、功能够用,各种语言的实现都有。

总结

good afternoon
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐