jtest2.html~ 3.8 KB

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p id="demo">This is a p element with id="demo".</p>
  5. <p>Click the button to change the text of the p element.</p>
  6. <button onclick="myFunction()">Try it</button>
  7. <script>
  8. var str = '{"24000": {"20150828": {"P": [0.10277352058278386, 684.0], "C": [0.22585747858307673, 115.0]}, "20150929": {"P": [0.1961899601207565, 1027.0], "C": [0.19889248848358987, 359.0]}}, "24400": {"20150828": {"P": ["null", 1020.0], "C": [0.21983475487999912, 46.0]}, "20150929": {"P": [0.17440117170489708, 1260.0], "C": [0.19581366740575235, 238.0]}}, "22400": {"20150828": {"P": [0.2563194872280742, 90.0], "C": ["null", "null"]}, "20150929": {"P": [0.2251947126637821, 334.0], "C": [0.22779496683153566, 1265.0]}}, "25000": {"20150828": {"P": ["null", 1450.0], "C": [0.23351770362533011, 14.0]}, "20150929": {"P": ["null", 1550.0], "C": [0.19571396891935747, 125.0]}}, "23000": {"20150828": {"P": [0.21499465836468665, 194.0], "C": [0.2987023523522743, 640.0]}, "20150929": {"P": [0.2005625033788773, 484.0], "C": [0.3008996739495498, 1120.0]}}, "23400": {"20150828": {"P": [0.18697186418999548, 330.0], "C": [0.2580809540705864, 364.0]}, "20150929": {"P": [0.18859485445671703, 639.0], "C": [0.20495751434596537, 615.0]}}, "21600": {"20150828": {"P": [0.30366722174004906, 32.0], "C": ["null", "null"]}, "20150929": {"P": [0.24672665444894495, 186.0], "C": ["null", "null"]}}, "22200": {"20150828": {"P": [0.2705019657461409, 71.0], "C": ["null", "null"]}, "20150929": {"P": [0.22264716483163627, 269.0], "C": ["null", "null"]}}, "24800": {"20150828": {"P": ["null", 1350.0], "C": [0.2244417698070821, 19.0]}, "20150929": {"P": ["null", "null"], "C": [0.1956181273906757, 156.0]}}, "22800": {"20150828": {"P": [0.2316684071991976, 153.0], "C": ["null", "null"]}, "20150929": {"P": [0.21414853973372713, 443.0], "C": ["null", "null"]}}, "22600": {"20150828": {"P": [0.24385311533907333, 117.0], "C": ["null", "null"]}, "20150929": {"P": [0.21969912893705099, 385.0], "C": [0.2851148426977803, 1300.0]}}, "23600": {"20150828": {"P": [0.1687986882759992, 424.0], "C": [0.24371444161607547, 258.0]}, "20150929": {"P": [0.20039205139066607, 788.0], "C": [0.21499217522501812, 558.0]}}, "24200": {"20150828": {"P": ["null", 800.0], "C": [0.22229012505387488, 74.0]}, "20150929": {"P": [0.16480900336560828, 1082.0], "C": [0.19801976003501276, 296.0]}}, "22000": {"20150828": {"P": [0.28400201164249456, 56.0], "C": ["null", "null"]}, "20150929": {"P": [0.23814568031122918, 255.0], "C": ["null", "null"]}}, "24600": {"20150828": {"P": ["null", 1120.0], "C": [0.2206382897261877, 29.0]}, "20150929": {"P": [0.1647010267619523, 1400.0], "C": [0.1959178197952487, 194.0]}}, "23800": {"20150828": {"P": [0.14482242375654186, 540.0], "C": [0.2349580893778903, 178.0]}, "20150929": {"P": [0.1837094443240275, 858.0], "C": [0.19907016963385935, 429.0]}}, "25200": {"20150828": {"P": ["null", "null"], "C": [0.240773423659682, 10.0]}, "20150929": {"P": ["null", "null"], "C": [0.1985357660459165, 104.0]}}, "23200": {"20150828": {"P": [0.2017698754548698, 254.0], "C": [0.27813999181475474, 495.0]}, "20150929": {"P": [0.2061013222459641, 593.0], "C": [0.21243522121310085, 737.0]}}, "21800": {"20150828": {"P": [0.2915311807696565, 41.0], "C": ["null", "null"]}, "20150929": {"P": [0.24103212298837237, 215.0], "C": ["null", "null"]}}}';
  9. var s2 = '[["strike","P-20150828", "C-20150828", "P-20150929", "C-20150929" ],[21600,0.30366722174,null,0.246726654449,null],[21800,0.29153118077,null,0.241032122988,null],[22000,0.284002011642,null,0.238145680311,null]]';
  10. function myFunction() {
  11. var json_data = JSON.parse(str);
  12. var result = [];
  13. alert(json_data['24000']['20150828']['P'][0]);
  14. var keys = Object.keys(json_data);
  15. keys.forEach(function(key){
  16. result.push(key);
  17. });
  18. var arr = JSON.parse(s2);
  19. document.querySelector("#demo").innerHTML = arr[0][1];
  20. }
  21. </script>
  22. </body>
  23. </html>