前端请求传参格式

一个打工仔的笔记2024-03-23 18:49

一、格式类型

form-data

application/x-www-form-urlencoded

application/json

text/xml

一、form-data

multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分，这个一般文件上传时用。
当method为post时候，浏览器把form数据封装到http body中，然后发送到server。
如果没有type=file的控件，默认用application/x-www-form-urlencoded。
如果有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为空，其实是有数据的

cpp 复制代码

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对象格式

cpp 复制代码

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

②post

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

四、Content-Type的使用

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

未完：------------------------