java前后端传参都有哪些方式?每种方式都演示一下
时间: 2023-11-04 19:04:39 浏览: 145
Java前后端传参的方式有以下几种:
1. URL传参:通过URL链接的方式将参数传递给后端。例如:http://example.com?id=123&name=Tom
前端代码:
```html
<a href="http://example.com?id=123&name=Tom">点击跳转</a>
```
后端代码:
```java
@RequestMapping("/example")
public String example(@RequestParam("id") int id, @RequestParam("name") String name) {
// 处理逻辑
}
```
2. 表单传参:通过表单的方式将参数传递给后端。
前端代码:
```html
<form action="/example" method="post">
<input type="hidden" name="id" value="123" />
<input type="text" name="name" value="Tom" />
<input type="submit" value="提交" />
</form>
```
后端代码:
```java
@PostMapping("/example")
public String example(@RequestParam("id") int id, @RequestParam("name") String name) {
// 处理逻辑
}
```
3. JSON传参:通过JSON格式的数据将参数传递给后端。
前端代码:
```javascript
var data = { id: 123, name: 'Tom' };
$.ajax({
url: '/example',
type: 'post',
data: JSON.stringify(data),
contentType: 'application/json',
success: function(result) {
// 处理返回结果
}
});
```
后端代码:
```java
@PostMapping("/example")
public String example(@RequestBody Map<String, Object> params) {
int id = (int)params.get("id");
String name = (String)params.get("name");
// 处理逻辑
}
```
4. 文件上传:通过表单的方式将文件传递给后端。
前端代码:
```html
<form action="/example" method="post" enctype="multipart/form-data">
<input type="file" name="file" />
<input type="submit" value="上传" />
</form>
```
后端代码:
```java
@PostMapping("/example")
public String example(@RequestParam("file") MultipartFile file) {
// 处理文件上传
}
```
阅读全文