fetch_post请求方式的参数传递

5 篇文章 0 订阅

根据headers的不同:

fetch('books',{
	method:'post',
	body:'uname=lisi&pwd=123',
	headers:{
		'Content-Type':'application/x-www-form-urlencoded',
	}
}).then(data => {
	return data.text();
}).then(ret => {
	//这里才是得到的最终数据
	console.log(ret);
})
//后台接收参数为req.body.uname + '--' + req.body.pwd
//body是bodyParser提供支持
fetch('books',{
	method:'post',
	body:JSON.stringify({
		uname:'张三',
		age:12
	})
	headers:{
		'Content-Type':'application/json',
	}
}).then(data => {
	return data.text();
}).then(ret => {
	//这里才是得到的最终数据
	console.log(ret);
})
//后台接收参数为req.body.uname + '--' + req.body.age
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fetch是JavaScript中用于发送Ajax请求的一种方式,可以用来发送HTTP请求,包括GET、POST、PUT等方法。而在使用fetch的时候,我们需要设置请求参数,来告诉服务器我们想要的资源以及传递数据。下面将为大家介绍fetchpost请求参数设置。 fetchpost请求参数设置主要通过两种方式:使用headers和使用Body对象。 使用headers,可以设置请求的Content-Type和Authorization等信息。例如: ``` fetch(url,{ method:'POST', headers:{ 'Content-Type':'application/json', 'Authorization':'Bearer token' }, body:JSON.stringify(data) }) ``` 使用headers需要注意以下几点: 1. Content-Type:设置请求的内容类型,常用的有application/json、application/x-www-form-urlencoded、multipart/form-data等。 2. Authorization:用于传递认证信息,通常是token。 3. 其他header信息:可以根据自己的业务需要设置其他header信息,例如User-Agent、Referer等。 使用Body对象,则是设置请求的数据信息。可以是字符串、FormData对象或者Blob对象,例如: ``` fetch(url,{ method:'POST', headers:{ 'Content-Type':'application/json' }, body:JSON.stringify(data) }) ``` 使用Body对象需要注意以下几点: 1. 数据格式:需要根据Content-Type设置的类型来对数据进行格式化。 2. 数据大小:需要注意数据大小,不能传输过大的数据。 总的来说,fetchpost请求参数设置需要根据自己的业务需求来进行设置,同时需要注意数据格式和大小等问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值