在onclick使用Json对象报错解决方法
in JS with 0 comment

在onclick使用Json对象报错解决方法

in JS with 0 comment

这种一般在拼接字符串作为html片段会发生,某些模板可能也会用到,这里单将拼接字符串

var  showJson={"name":"张三"};
$(".showButton") .append( '<a class="delecls" onclick="show('+showJson+')" href="javascript:void(0)" title="显示">
	显示</a>');
	show(data){
	console.log(data);
	}

这样处理输出的是[onject object],很显然不是我们想要的。 使用JSON.stringify(showJson)结果报错,很显然肯定是那里出了问题。

那么解决方法就是 1.先JSON.stringify(json)

2.将双引号变成单引号replace(/"/g,"'")

3.将括号里的单引号除掉

4.function 直接获取到json对象,且不需要evel

var  showJson={"name":"张三"};
showJson=JSON.stringify(showJson);
$(".showButton") .append( '<a class="delecls" onclick="show('+showJson.replace(/\"/g,"'")+')" href="javascript:void(0)" title="显示">
	显示</a>');
	show(data){
	console.log(data);
	}
0评论