Base 64 & decodeURIComponent

Base 64 & decodeURIComponent

js

btoa() & atob()

let obj = [{"key":"q","value":"q","desc":"q"}];

window.btoa(obj);
// "W3sia2V5IjoicSIsInZhbHVlIjoicSIsImRlc2MiOiJxIn1d"

window.atob("W3sia2V5IjoicSIsInZhbHVlIjoicSIsImRlc2MiOiJxIn1d");
// "[{"key":"q","value":"q","desc":"q"}]"

str = window.atob("W3sia2V5IjoicSIsInZhbHVlIjoicSIsImRlc2MiOiJxIn1d");
// "[{"key":"q","value":"q","desc":"q"}]"
JSON.parse(str);
// [{…}]0: desc: "q"key: "q"value: "q"__proto__: Objectlength: 1__proto__: Array(0)

decodeURIComponent() & decodeURI()

let str =  window.atob("JTVCJTdCJTIya2V5JTIyJTNBJTIydG9rZW4lMjIlMkMlMjJ2YWx1ZSUyMiUzQSUyMjczNjhlNTA4NzAyYzMzNmIwMmNlNjBjOTBlMDZkMjg4JTIyJTJDJTIyZGVzYyUyMiUzQSUyMiUyMiU3RCU1RA==");
// "%5B%7B%22key%22%3A%22token%22%2C%22value%22%3A%227368e508702c336b02ce60c90e06d288%22%2C%22desc%22%3A%22%22%7D%5D"

decodeURIComponent("%5B%7B%22key%22%3A%22token%22%2C%22value%22%3A%227368e508702c336b02ce60c90e06d288%22%2C%22desc%22%3A%22%22%7D%5D");
// "[{"key":"token","value":"7368e508702c336b02ce60c90e06d288","desc":""}]"