前置知识:
URL地址格式:1.传统url地址 2.restful形式的url地址
1.传统url地址
![](https://img-blog.csdnimg.cn/img_convert/cf22a09bb5e57989d186b9a8a2fb6fba.png)
前两项必写,后面看情况写
2.restful形式的url地址
![](https://img-blog.csdnimg.cn/img_convert/4312622b267e976b7c5b7d510216110f.png)
它用的是 /123这种形式,与前一种不同,前一种是 ?id=123这种形式
前端怎么传url取决于后端的写法
1.fetch发送请求
注意fetch第一次.then得到的不是最终数据,需要 .text()或者.json()
然后再次.then得到的结果才是最终数据
(1)get请求
其中get传参有两种方式
![](https://img-blog.csdnimg.cn/img_convert/4c6ff17f06d564c9cbe39621c8b3567e.png)
方式一:传统
后端:
![](https://img-blog.csdnimg.cn/img_convert/dfd639f1965d07558e1f71c1eac5c13f.png)
前端:
![](https://img-blog.csdnimg.cn/img_convert/22b3b2f55f303e69aef567e1be3ebc21.png)
得到的结果:
![](https://img-blog.csdnimg.cn/img_convert/8dbaf9172bc22e6fc044343caf025430.png)
方式二:restful形式
后端:
![](https://img-blog.csdnimg.cn/img_convert/bde90a3e7ecdbef149ce886b86a459e4.png)
前端:
![](https://img-blog.csdnimg.cn/img_convert/108162ecfda581aca1233c0a592d5643.png)
得到的结果:
![](https://img-blog.csdnimg.cn/img_convert/f51a2a9b0f061bb8b56e700fa6197db5.png)
(2)delete请求
方式一:传统
后端:
![](https://img-blog.csdnimg.cn/img_convert/55dcf0b1838908b19c3f046dbd262565.png)
前端:
![](https://img-blog.csdnimg.cn/img_convert/19df41eca78a2c764350be0ceb8fb094.png)
结果:
![](https://img-blog.csdnimg.cn/img_convert/06de397638ce8acf6dcd7827e9dcdf03.png)
方式二:restful形式
后端:
![](https://img-blog.csdnimg.cn/img_convert/7e78bb6ad85b4e352f8a7ec4a9a4f560.png)
前端: