js中拼接字符串的函数中如何传json对象

最新推荐文章于 2024-04-28 00:00:00 发布

置顶帅帅的帅

最新推荐文章于 2024-04-28 00:00:00 发布

阅读量4.4k

点赞数 2

分类专栏： js 文章标签： js json html

本文链接：https://blog.csdn.net/qq_20423863/article/details/80452622

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近在一些前段页面中，动态append网页元素，其中要传10-20个参数，例如:

//创建一个json对象，当然，也可以是返回的json对象。

var tempObj=new Object();

tempObj.a='aaa';

tempObj.b='bbb';

tempObj.c='ccc';

tempObj.d='ddd';

//........

// 就相当于var tempJson={'a':'aaa','b':'bbb','c':'ccc','d':'ddd','e':'eee'};//...........

var tempJsonStr=JSON.stringify(tempObj).replace(/\"/g,"'")

document.getElementById("testDiv").innerHTML='<div οnclick="testFun('+tempJsonStr+')">

这样当点击 testDiv的时候，就把对应的 tempJson这个对象传给函数中了,直接在对应的函数中用就可以了。如果不用JSON.stringify(tempObj),则传过去的是[object Object]，就达不到我们想要的效果了。

下面是详细的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<script type="text/javascript">
function init(){
var tempObj=new Object();
tempObj.a='aaa';
tempObj.b='bbb';
tempObj.c='ccc';
tempObj.d='ddd';
//........
// 就相当于var tempJson={'a':'aaa','b':'bbb','c':'ccc','d':'ddd','e':'eee'};//...........
var tempJsonStr=JSON.stringify(tempObj).replace(/\"/g,"'")
document.getElementById("testDiv").innerHTML='<div οnclick="testFun('+tempJsonStr+')">请点击这里进行测试</div>'
}
function testFun(obj){
console.log(obj.a)
console.log(obj.b)
console.log(obj.c)
console.log(obj.d)
}
</script>
<style type="text/css">
</style>

</head>
<body οnlοad="init()">
<div id="testDiv">

</div>
</body>
</html>

帅帅的帅

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js中拼接字符串的函数中如何传json对象

最近在一些前段页面中，动态append网页元素，其中要传10-20个参数，例如://创建一个json对象，当然，也可以是返回的json对象。var tempObj=new Object();tempObj.a='aaa';tempObj.b='bbb';tempObj.c='ccc';tempObj.d='ddd';//........// 就相当于var tempJson={'a':'aaa',...
复制链接

扫一扫