从隐藏的输入值中读取 json

Question

从隐藏的输入值中读取 json

试图从隐藏的输入值中读取 JSON。

<html>
    <body>
        <input id="hdn" type="hidden" value='{"products":{"id":100001,name:"Ram"}}'>

        <script type="text/javascript">

            var jsonObj = document.getElementById('hdn').value;

            alert(jsonObj);

            alert(jsonObj.products.name);

        </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Tan*_*avo 5

您需要将其解析为 var jsonObj = JSON.parse(document.getElementById('hdn').value)

请注意，我通过在name属性中添加引号更改了您存储 JSON 对象的方式。我添加了console.log 和alert...主要是因为我更喜欢console.log，但你最初在那里有一个alert。

这是更新的（工作）代码：

<html>
    <body>
        <input id="hdn" type="hidden" value='{"products":{"id":100001,"name":"Ram"}}'>
        <script type="text/javascript">
            var jsonObj = JSON.parse(document.getElementById('hdn').value);

            console.log(jsonObj);
            console.log(jsonObj.products.name);

            alert(jsonObj);
            alert(jsonObj.products.name);
        </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年前
查看次数：	4626 次
最近记录：	9 年，6 月前