JavaScript字符串转换为JSON

最新推荐文章于 2024-09-18 11:17:14 发布

weixin_34130389

最新推荐文章于 2024-09-18 11:17:14 发布

阅读量38

点赞数

文章标签： json javascript python ViewUI

原文链接：https://my.oschina.net/syc2013/blog/201255

版权

2019独角兽企业重金招聘Python工程师标准>>>

一、本文要点

在JavaScript中获取节点名称：通过nodeName获取获取节点属性名称名称：通过getAttribute('属性名称，如class') 将字符串转换为JSON ：通过eval("("+str+")")

二、要点应用代码展示：

<!-- lang: html -->
<!DOCTYPE HTML>
<!-- lang: html -->
<html>
<!-- lang: html -->
    <head>
<!-- lang: html -->
        <meta charset="utf-8">
<!-- lang: html -->
        <title>JavaScript字符串转换为JSON</title>
<!-- lang: html -->
    </head>
<!-- lang: html -->
    <body>
<!-- lang: html -->
        <ul>
<!-- lang: html -->
            <li class="a" name="aa">
<!-- lang: html -->
                <a href="#" onclick="aOnClick(this)">CCTV1</a>
<!-- lang: html -->
            </li>
<!-- lang: html -->
            <li class="b" name="bb">
<!-- lang: html -->
                <a href="#">CCTV2</a>
<!-- lang: html -->
            </li>
<!-- lang: html -->
        </ul>
<!-- lang: html -->
        <script>
<!-- lang: html -->
            function aOnClick(obj){
<!-- lang: html -->
                // the current node name
<!-- lang: html -->
                alert(obj.nodeName);
<!-- lang: html -->

<!-- lang: html -->
                //the current node's parent node name
<!-- lang: html -->
                alert(obj.parentNode.nodeName);
<!-- lang: html -->

<!-- lang: html -->
                //the current node's parent node's class attribute value
<!-- lang: html -->
                var liClass = obj.parentNode.getAttribute('class');
<!-- lang: html -->
                alert(liClass);
<!-- lang: html -->

<!-- lang: html -->
                //the current node's parent node's name  attribute value
<!-- lang: html -->
                var liName = obj.parentNode.getAttribute('name');
<!-- lang: html -->
                alert(liName);
<!-- lang: html -->

<!-- lang: html -->
                var strTest = "{\"class\" : \""+liClass+"\", \"name\" : \""+liName+"\"}";
<!-- lang: html -->
                alert(strTest);
<!-- lang: html -->

<!-- lang: html -->
                //change the String strTest to JSON Object
<!-- lang: html -->
                jsonObjStrTest = eval("("+strTest+")");
<!-- lang: html -->
                alert(jsonObjStrTest.class+"\n"+jsonObjStrTest.name);
<!-- lang: html -->
            }
<!-- lang: html -->
        </script>
<!-- lang: html -->
    </body>
<!-- lang: html -->
</html>

转载于:https://my.oschina.net/syc2013/blog/201255