前端以表单形式传参

前端以表单形式传参访问接口方法

1.FormData

前端可以通FormData对象实现表单形式提交数据

FormData.append()

向 FormData 中添加新的属性值，FormData 对应的属性值存在也不会覆盖原值，而是新增一个值，如果属性不存在则新增一项属性值。

FormData.delete()

从 FormData 对象里面删除一个键值对。

FormData.entries()

返回一个包含所有键值对的iterator对象。

let data = new FormData()
data.append('name','张三')
data.append('age','23')
let name = data.get('name')
let age = data.get('age')
console.log(name)
console.log(age)

// 将FormData转换为 JSON
const formJson = JSON.stringify(Object.fromEntries(formData.entries()));

— 示例 —

----页面部分-----
function getList(){
	let param = new FormData()
	param.append('id','1024')
	getListData(param).then((res) => {}).catch(()=>{})
}
----接口——----
export const getMyInstanceList = (params?: any) =>
    defaultRequest.post<any>({
        url: Api.getMyInstance,
        data: params
    })

2.直接改接口请求配置

修改headers中Content-Type配置

------示例-----

----页面-----
function getList(){
	let params = qs.stringify({
		id：'1024'
	})s
	getListData(params).then((res) => {}).catch(()=>{})
}

----接口---------
export const getMyInstanceList = (params?: any) =>
    defaultRequest.post<any>({
        url: Api.getMyInstance,
        headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
        data: params
    })