Javascript 如何使用ReactJS解决此JSON承诺错误?

Javascript 如何使用ReactJS解决此JSON承诺错误?,javascript,json,reactjs,Javascript,Json,Reactjs,我是新手,所以可能会有很多错误。另外,我知道也有类似的问题,但到目前为止,没有一个能解决我的问题 我正在做一个项目(使用一个模板),它使用JavaSpring(后端)和ReactJS(前端)。 目前,我正在尝试制作一个登录表单,并验证凭据 以下是我按Login时使用的功能: onSubmit(){ let login = { username: this.state.username, password: this.stat

我是新手,所以可能会有很多错误。另外,我知道也有类似的问题,但到目前为止,没有一个能解决我的问题

我正在做一个项目(使用一个模板),它使用JavaSpring(后端)和ReactJS(前端)。 目前,我正在尝试制作一个登录表单,并验证凭据

以下是我按Login时使用的功能:

    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,}