JS处理函数将对象作为参数传递

快来打我* 2021-09-02 03:37 369阅读 0赞

**目录**

一 点睛

二 代码

三 测试

四 参考

--------------------

# 一 点睛 #

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" />
            
            <link href="css/mui.css" rel="stylesheet" />
            <link href="css/mui.min.css" rel="stylesheet" />
            <script type="text/javascript" src="js/mui.js"></script>
            
            <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>

# 三 测试 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

# 四 参考 #

[https://blog.csdn.net/qq\_41485414/article/details/84674187][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-parse.html]

[https://www.runoob.com/js/javascript-json-stringify.html][https_www.runoob.com_js_javascript-json-stringify.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/7425d88bda474560a1549f9239d28cb9.png
[https_blog.csdn.net_qq_41485414_article_details_84674187]: 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-parse.html
[https_www.runoob.com_js_javascript-json-stringify.html]: https://www.runoob.com/js/javascript-json-stringify.html