我正在探索fetch api,并想将一些日期发送到春季启动方法,但是它正在扔400
错误
JS代码
let fetchConfig = {
method : params.method || 'GET',
body : params.body
};
return fetch(_url,fetchConfig).then(function (response) {
if (!response.ok) {
throw Error(response.statusText);
}
else {
return response.json();
}
}).then(function (data) {
return data;
}).catch(function (error) {
return error;
})
春季启动方法
@RequestMapping(value = "/validate",method = RequestMethod.POST,produces = MediaType.APPLICATION_JSON_VALUE)
public @ResponseBody ValidateUserModel validateUser(@RequestParam("userName") String userName, @RequestParam("password") String pass){
System.out.println("--- test");
ValidateUserModel validateUserModel = new ValidateUserModel();
validateUserModel.setUserName("Test");
validateUserModel.setPassWord("Test 2");
return validateUserModel;
}
这就是 fetchConfig
的样子
body:{userName: "awdaw", password: "awdawd"}
method:"POST"
password:"test"
url:"test"
userName:"awdaw"
__proto__:Object
从Java类发送值的预览
error:"Bad Request"
exception:"org.springframework.web.bind.MissingServletRequestParameterException"
message:"Required String parameter 'userName' is not present"
path:"/validate"
status:400
timestamp:1504771336175
错误说Required String parameter 'userName' is not present
,但fetchConfig
具有所需的键
您的Java代码期望请求参数,因此预期的URL应该像.../validate?username=<someValue>&password=<otherValue>
之类的东西,但是您的JS在身体中发送(这是一个更好的选择,将用户和密码作为部分发送,网址的根本不是安全的)。
您可以将Java代码更改为
之类的东西@RequestMapping(value = "/validate",method = RequestMethod.POST,produces = MediaType.APPLICATION_JSON_VALUE)
public @ResponseBody ValidateUserModel validateUser(@RequestBody User user){
System.out.println("--- test");
ValidateUserModel validateUserModel = new ValidateUserModel();
validateUserModel.setUserName(user.getUserName());
validateUserModel.setPassWord(user.getPassword());
return validateUserModel;
}
其中 User
只是一个bean, password
和 userName
作为属性。
尝试使用@requestbody注释。
@RequestMapping(value = "/validate",method = RequestMethod.POST,produces = MediaType.APPLICATION_JSON_VALUE)
public @ResponseBody ValidateUserModel validateUser(@RequestBody User user){
System.out.println("--- test");
ValidateUserModel validateUserModel = new ValidateUserModel();
validateUserModel.setUserName(user.getUserName());
validateUserModel.setPassWord(user.getPassword());
return validateUserModel;
}
,请求应该看起来像:
let data = {userName: "awdaw", password: "awdawd"};
fetch{ url, {
body: JSON.stringfy(data)
method:"POST"
headers: {
"Content-Type": "application/json",
},
}).then(
response => {
return response.json();
}