@ApiOperation(value = "保存用户信息") @PutMapping("/saveUserInfo") public JsonData<String> saveUserInfo(HttpServletRequest request, @RequestParam("encryptedData") String encryptedData, @RequestParam("iv") String iv) 前端如何传值
时间: 2024-01-11 14:06:09 浏览: 26
前端需要使用POST或PUT请求将加密数据encryptedData和偏移量iv作为请求参数传递给该接口。具体可以使用AJAX或Fetch等技术实现,如下所示:
```javascript
const encryptedData = "加密后的数据";
const iv = "偏移量";
fetch('/saveUserInfo', {
method: 'PUT',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: `encryptedData=${encryptedData}&iv=${iv}`
}).then(response => {
// 处理响应结果
}).catch(error => {
// 处理异常情况
});
```
其中,需要注意设置请求头Content-Type为application/x-www-form-urlencoded,将请求参数以URL编码的形式放在请求体中。
相关问题
@PutMapping("/saveUserInfo")和@Postapping("/saveUserInfo")前端传值是否一致
是的,无论是@PutMapping还是@PostMapping,前端传值的方式都是一致的,都是将参数通过请求体传递给后端。具体实现方式可以使用AJAX或Fetch等技术,如下所示:
```javascript
const encryptedData = "加密后的数据";
const iv = "偏移量";
fetch('/saveUserInfo', {
method: 'PUT', // 或 'POST'
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
encryptedData: encryptedData,
iv: iv
})
}).then(response => {
// 处理响应结果
}).catch(error => {
// 处理异常情况
});
```
其中,需要注意设置请求头Content-Type为application/json,将请求参数以JSON字符串的形式放在请求体中。
给我用js写一个用户写入信息后的页面信息传递
的示例代码。
当用户在页面上输入信息后,需要通过AJAX异步请求将用户输入的信息传递给后台服务器。下面是一个示例代码:
HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户信息录入</title>
</head>
<body>
<h1>用户信息录入</h1>
<form>
<label>姓名:</label>
<input type="text" name="username" id="username">
<br>
<label>年龄:</label>
<input type="text" name="age" id="age">
<br>
<input type="button" value="提交" onclick="submitInfo()">
</form>
<div id="result"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="index.js"></script>
</body>
</html>
```
JS代码:
```
function submitInfo() {
var username = $("#username").val();
var age = $("#age").val();
$.ajax({
url: "https://api.example.com/saveUserInfo",
type: "POST",
data: {
username: username,
age: age
},
dataType: "json",
success: function (data) {
if (data.code === 0) {
// 成功保存用户信息
$("#result").html("<p>保存成功</p>");
} else {
// 失败
$("#result").html("<p>保存失败,请重试</p>");
}
},
error: function (xhr, textStatus, errorThrown) {
console.log(xhr.responseText);
console.log(textStatus);
console.log(errorThrown);
}
});
}
```
在上面的代码中,当用户点击“提交”按钮时,submitInfo()函数会被调用,该函数会获取到用户输入的姓名和年龄,将这些信息通过AJAX请求发送到后台服务器(这里假设后台接口是https://api.example.com/saveUserInfo),当请求成功后,服务器会返回一个JSON格式的数据,根据返回的code值确定是否保存成功,并将结果显示在页面中。