目录
一 点睛
二 代码
三 测试
四 参考
一 点睛
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。
JSON.stringify() 方法用于将 JavaScript 值（ 通常为对象或数组）转换为 JSON 字符串。
二 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<!-- 用到了MUI -->
<link href="css/mui.css" rel="stylesheet" />
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" src="js/mui.js"></script>
<!-- 用到了jquery -->
<script src="js/jquery-2.2.1.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<div id="tdjx">
<!-- 标题头 -->
<header class="mui-bar mui-bar-nav">
<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></span>
<h1 class="mui-title"><span id="dateDiv" style="font-size: 17px;"></span>测试JS传递对象参数</h1>
<div class="clear"></div>
</header>
<div style="height: 60px;"></div>
<!-- 内容 -->
<div>
<div id="htmlContent"></div>
</div>
</div>
<script type="text/javascript">
/* 动态显示内容 */
renderHtml("htmlContent");
/* 动态显示内容 */
function renderHtml(div) {
var objdata = {
"id": 1,
"name": "cakin"
};
// JSON.stringify() 方法用于将 JavaScript 值（ 通常为对象或数组）转换为 JSON 字符串。
var str = '<button type="button" class="mui-btn mui-btn-primary " style= "margin-top:-10px" onclick= "handle(' +
JSON.stringify(objdata).replace(/\"/g, "'") + ')" >测试JS传递对象参数</button>';
$("#" + div).append(str);
}
// 点击按钮事件触发函数执行
function handle(data) {
alert("你好")
console.log(data);
}
</script>
</body>
</html>
三 测试
四 参考
https://blog.csdn.net/qq_41485414/article/details/84674187
https://www.runoob.com/js/javascript-json-parse.html
https://www.runoob.com/js/javascript-json-stringify.html
