Axios进行Post表单模式提交的二种方法

Posted nnsword

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Axios进行Post表单模式提交的二种方法相关的知识,希望对你有一定的参考价值。

Axios进行Post表单模式提交有如下两种方法

  • 都需要指定表单提交的头信息
headers: 
	'Content-Type': 'application/x-www-form-urlencoded'

通过params参数传值


	url:'/login',
	method: 'post',
	headers: 
		'Content-Type': 'application/x-www-form-urlencoded'
	,
	params:
		username: userName,
		password: password,
		redirect_uri: wxContext.getViewData().redirectUri
	,
	withCredentials: true

通过data参数传值

  • 这种方式需要实现transformRequest

	url:'/login',
	method: 'post',
	headers: 
		'Content-Type': 'application/x-www-form-urlencoded'
	,
	transformRequest: [function (data) 
		let ret = ''
		for (let it in data) 
			ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
		
		return ret
	],
	data:
		username: userName,
		password: password,
		redirect_uri: wxContext.getViewData().redirectUri
	,
	withCredentials: true

以上是关于Axios进行Post表单模式提交的二种方法的主要内容,如果未能解决你的问题,请参考以下文章

axios发送post请求,如何提交表单数据?

axios发送post请求,如何提交表单数据?

axios发送post请求,提交表单数据

axios五种提交方法

无法提交 Axios Post 表单 Nuxt.js (VueJS)

如何在提交侦听器上传递表单数据,以便 axios 可以发布表单数据?