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":""}]"