@ApiOperation(value = "保存用户信息") @PutMapping("/saveUserInfo") public JsonData<String> saveUserInfo(HttpServletRequest request, @RequestParam("encryptedData") String encryptedData, @RequestParam("iv") String iv),使用x-www-form-urlencoded方式传参,请问前端使用js或者jquery该如何请求
时间: 2024-02-09 11:10:13 浏览: 63
在前端使用JS或JQuery发送x-www-form-urlencoded格式的请求,可以通过XMLHttpRequest对象或JQuery的ajax方法进行实现,以下是两个简单的示例代码:
使用XMLHttpRequest对象发送x-www-form-urlencoded格式的请求:
```
const xhr = new XMLHttpRequest();
xhr.open('PUT', '/saveUserInfo');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
console.log(response);
} else {
console.log('请求失败');
}
}
};
const params = 'encryptedData=xxxx&iv=xxxx'; // 请求参数
xhr.send(params);
```
在上述代码中,我们通过XMLHttpRequest对象发送PUT请求,并设置请求头的Content-Type为application/x-www-form-urlencoded。在请求参数中,我们使用&和=符号连接参数名和参数值,将参数编码为x-www-form-urlencoded格式。在请求成功或失败后,我们可以通过XMLHttpRequest对象的回调函数onreadystatechange来处理返回的数据或错误信息。
使用JQuery的ajax方法发送x-www-form-urlencoded格式的请求:
```
$.ajax({
url: '/saveUserInfo',
type: 'PUT',
data: {
encryptedData: 'xxxx',
iv: 'xxxx'
},
success: function(response) {
console.log(response);
},
error: function() {
console.log('请求失败');
}
});
```
在上述代码中,我们使用JQuery的ajax方法发送PUT请求。在请求参数中,我们直接传入一个对象,JQuery会自动将参数编码为x-www-form-urlencoded格式。在请求成功或失败后,我们可以通过success和error回调函数来处理返回的数据或错误信息。
阅读全文