AI_Spokesgirl/html/script_index.js

const btnLogin = document.querySelector('#btn_login');
const inputPassword = document.querySelector('#password');

inputPassword.addEventListener('keyup', loginByEnter);

btnLogin.addEventListener('click', login);

function loginByEnter(e) {
    if (e.keyCode === 13) {
        e.preventDefault();
        console.log('login!');
        login();
    }
};

function login(){
    console.log('login!');
    var url = "http://127.0.0.1:12456/login";
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url);
    xhr.setRequestHeader("accept", "application/json");
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            console.log(xhr.responseText); // test
            responseOBJ = JSON.parse(xhr.responseText);
            // document.cookie = 'jwt_token='+responseOBJ.jwt_token    // access_token -> jwt_token
            document.cookie = 'jwt_token='+responseOBJ.access_token;
            alert('document.cookie = ' + document.cookie); // test
            if (responseOBJ.access_token!=null)
            {
                Swal.fire({
                    title: responseOBJ.username + " 登入成功",
                    icon: 'success',
                    confirmButtonColor: '#3085d6',
                },function(isConfirm){
                    console.log('isConfirm = ' + isConfirm); // test
                    if(isConfirm){
                      window.location.replace("./make_video.html");
                    }
                });
            }
            else{
                Swal.fire({
                    title: "登入失敗",
                    icon: 'error',
                    text: responseOBJ.detail,
                    confirmButtonColor: '#3085d6',
                });
            }          
        }
    };
    
    var data = "grant_type=&username=" + $('#username').val() + "&password="+$('#password').val()+"&scope=&client_id=&client_secret=";
    result = xhr.send(data);
    console.log(result);
}