fetch_get请求方式的参数传递

最新推荐文章于 2025-04-24 08:00:00 发布

zayzy

最新推荐文章于 2025-04-24 08:00:00 发布

阅读量4.8k

点赞数

分类专栏： Vue fetch 文章标签： fetch

本文链接：https://blog.youkuaiyun.com/weixin_45630345/article/details/119542318

版权

Vue 同时被 2 个专栏收录

34 篇文章

订阅专栏

fetch

5 篇文章

订阅专栏

本文探讨了Restful风格与传统方式在传递URL参数上的差异。在传统方式中，参数通过问号`?`后跟随键值对，如`/abc?id=123`，后台通过`req.query.id`获取。而Restful风格下，参数作为路径的一部分，如`/abc/123`，后台通过`req.params.id`捕获。这两种方式分别展示了GET请求的不同表示形式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

传统的url参数写法：

fetch('/abc?id=123').then(data => {
	//默认是get
	//得到的是一个promise对象，用于获取后台返回的数据
	return data.text();
}).then(ret => {
	//这里才是得到的最终数据
	console.log(ret);
})
//后台接收参数为req.query.id

Restful形式的url参数写法：

fetch('/abc/123',{
	method:'get'
}).then(data => {
	return data.text();
}).then(ret => {
	//这里才是得到的最终数据
	console.log(ret);
})
//：id
//后台接收参数为req.params.id