JavaScript OnClick 传值的解决方案搭配模板引擎

Nameless17337

已于 2022-05-09 09:28:36 修改

阅读量431

点赞数

文章标签： javascript 开发语言 javaweb

于 2022-01-06 14:54:58 首次发布

本文链接：https://blog.csdn.net/KasaCode/article/details/122343132

版权

//假设是一个任意值的Object
var data = {"name":"Nameless"}; 

// Data 转码
//使用JSON.stringify()将Object转为JSON
//然后使用encodeURIComponent()对特殊文字(中文字符等非ascii)进行转码
//在使用btoa()转换成base64
let dataEncode = btoa(encodeURIComponent(JSON.stringify(data))); 
//传值
var buttonItem = '<a οnclick="detailMachine(\''+dataEncode+'\');">';
// Data 解码
const dataDecodeFc = (data)=>{
let dataDecode = JSON.parse(decodeURIComponent(atob(data)));
}

直接转成JSON可能会遇到 ",'(). 等标点符合混乱导致各种SyntaxError,上述代码将原始数据data先将非ascii字符转为万国码，然后将万国码联通数据一同转为base64,杜绝因为JSON与Javascript各种奇妙错误，由于这是在客户浏览器端进行的对服务器压力没那么大