Recover cookie with Typescript

Question

hello, I’m passing a jQuery code that I was developing, for Typescript... I had made in Jquery a withdrawal of cookies that was working perfectly.

What I need is to pass to the avriável, the value of a specific cookie, in the same way that is shown in the code that is in jQuery.

Anyway, I’ll leave the code so you can help me.

jQuery:

var numeroSerie = $.cookie('ns');
var user = $.cookie('user');

$('#numeroSerie').val(numeroSerie);
$('#user').val(user);

Typescript:

var numeroSerie = document.cookie;
var user = document.cookie;

(<HTMLInputElement>document.getElementById('numeroSerie')).value = numeroSerie;
(<HTMLInputElement>document.getElementById('user')).value = user;

When I get back what’s in document.cookie, I get the following reply:

Undefined=true; Remember=true; rempass=true; rem_pass=true; pass=asdexpires=7; check_rem_pass=trueexpires=7; remember_pass=trueexpires=7; ns=Asd; user=Asd; check_rem_login=null; remember_login=null; remember_pass

Answer 1

If what you need is a cookie parse without jQuery, you can use the function suggested by w3schools

function getCookie(cname: string): string {
    const name = cname + '=';
    const decodedCookie = decodeURIComponent(document.cookie);
    const ca = decodedCookie.split(';');
    for (let i = 0; i < ca.length; i++) {
        let c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return '';
}

Just invoke it by passing the cookie name

const ns = getCookie('ns');
const user = getCookie('user');