Javascript 如何使用ReactJS解决此JSON承诺错误?
我是新手,所以可能会有很多错误。另外,我知道也有类似的问题,但到目前为止,没有一个能解决我的问题 我正在做一个项目(使用一个模板),它使用JavaSpring(后端)和ReactJS(前端)。 目前,我正在尝试制作一个登录表单,并验证凭据 以下是我按Login时使用的功能:Javascript 如何使用ReactJS解决此JSON承诺错误?,javascript,json,reactjs,Javascript,Json,Reactjs,我是新手,所以可能会有很多错误。另外,我知道也有类似的问题,但到目前为止,没有一个能解决我的问题 我正在做一个项目(使用一个模板),它使用JavaSpring(后端)和ReactJS(前端)。 目前,我正在尝试制作一个登录表单,并验证凭据 以下是我按Login时使用的功能: onSubmit(){ let login = { username: this.state.username, password: this.stat
onSubmit(){
let login = {
username: this.state.username,
password: this.state.password
};
this.checkLogin(login);
}
checkLogin(login){
return this.sendRequest(login, (result, status) => {
console.log("AICI NU AJUNG CRED");
if (result !== null && (status === 200 || status === 201)) {
console.log("Successfully inserted person with id: " + result);
this.reloadHandler();
} else {
console.log("There was an error " + result);
}
});
}
sendRequest(login, callback){
let request = new Request(HOST.backend_api + endpoint.login + "/login", {
method: 'POST',
headers : {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify(login)
});
console.log(request.url);
console.log(login);
RestApiClient.performRequest(request, callback);
}
function performRequest(request, callback){
fetch(request)
.then(
function(response) {
if (response.ok) {
response.json().then(json => callback(json, response.status,null));
}
else {
response.json().then(err => callback(null, response.status, err));
}
})
.catch(function (err) {
//catch any other unexpected error, and set custom code for error = 1
callback(null, 1, err)
});
}
我使用数据库中的“test”用户名和“test”密码进行了尝试。
这就是结果:
Hi Radu,尝试将json作为对象传递(不带
json.stringify
)->body:login
,这不起作用。如果我这样做,我会得到两个错误:Post 400,以及记录响应的json输入的意外结束,它可能不是json,而是纯文本..这是我记录的响应:{type:“cors”,url:,redirected:false,status:200,ok:true,}