2012-02-18 85 views
0

試圖從隱藏輸入值讀取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> 

回答

4

你需要分析它作爲var jsonObj = JSON.parse(document.getElementById('hdn').value)

注意,我改變你儲存您的JSON對象的方式,通過添加引號到name財產。我添加爲console.log和一個警報...主要是因爲我更喜歡console.log,但您最初有一個警報在那裏。

下面是更新(工作)代碼:

<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> 
+0

代碼更新。仍然沒有得到警報。工作示例http://jsfiddle.net/UHdpY/ – 2012-02-18 07:45:31

+0

我使用*** ASP.NET ***,我有' Kiquenet 2018-02-02 07:00:33