后端是@DeleteMapping("/book/{id}")前端想通过变量i访问该怎么写
时间: 2024-03-22 21:41:22 浏览: 23
如果前端想要通过变量 `i` 来访问后端的 `@DeleteMapping("/book/{id}")` 接口,可以使用 URL 模板字符串来构造请求的 URL,例如:
```javascript
const i = 123; // 假设 i 是要传递的变量值
const url = `/book/${i}`;
fetch(url, {
method: 'DELETE'
}).then(response => {
// 处理响应
});
```
在上述代码中,`${i}` 是 URL 模板字符串的语法,用来将变量 `i` 的值插入到 URL 中的 `{id}` 占位符中。当请求被发送时,实际的 URL 会被替换为 `/book/123`,其中 `123` 是变量 `i` 的值。然后使用 `fetch` 函数发送请求,并指定请求方法为 `DELETE`。当后端接收到这个请求时,会将 URL 中的 `123` 解析为 `id` 参数,并执行相应的业务逻辑。
相关问题
前端要传一个变量id,怎么写
如果前端要传递一个变量 `id` 给该接口,可以在请求的 URL 中加上查询参数的形式传递,例如:
```
DELETE /book?id=123
```
其中,`id` 就是要传递的变量名,`123` 是变量的值。在后端的方法中,可以通过 `@RequestParam` 注解来获取这个参数值,例如:
```
@DeleteMapping("/book")
public void deleteBook(@RequestParam("id") Long bookId) {
// ...
}
```
在上述代码中,`id` 是查询参数的名称,`Long` 类型的 `bookId` 参数接收这个参数值。当请求到达后端时,Spring MVC 框架会自动将查询参数与 `@RequestParam` 注解匹配,并将变量值赋值给 `bookId` 参数。
@RequestMapping(value = /book)
@RequestMapping注解是Spring MVC框架中的一个注解,用于将HTTP请求映射到特定的处理方法上。它可以用于类级别和方法级别。
对于类级别的@RequestMapping注解,它可以用来定义整个类的请求映射路径的前缀。例如,@RequestMapping("/book")将会将所有以/book开头的请求映射到该类中的处理方法上。
对于方法级别的@RequestMapping注解,它可以用来定义具体的请求映射路径。例如,@RequestMapping(value = "/book", method = RequestMethod.GET)将会将GET请求映射到该方法上,并且请求路径为/book。
下面是一个示例代码:
```java
@Controller
@RequestMapping("/book")
public class BookController {
@RequestMapping(value = "", method = RequestMethod.GET)
public String getAllBooks() {
// 处理获取所有书籍的逻辑
return "bookList";
}
@RequestMapping(value = "/{id}", method = RequestMethod.GET)
public String getBookById(@PathVariable("id") int id) {
// 处理根据ID获取书籍的逻辑
return "bookDetail";
}
@RequestMapping(value = "", method = RequestMethod.POST)
public String addBook(@RequestBody Book book) {
// 处理添加书籍的逻辑
return "redirect:/book";
}
}
```
上述代码中,类级别的@RequestMapping注解指定了整个类的请求映射路径为/book。方法级别的@RequestMapping注解则指定了具体的请求映射路径和请求方法。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![dll](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)