{"id":2285,"date":"2017-05-11T19:08:33","date_gmt":"2017-05-11T11:08:33","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2285"},"modified":"2017-05-11T19:08:33","modified_gmt":"2017-05-11T11:08:33","slug":"%e8%8e%b7%e5%8f%96json%e6%95%b0%e6%8d%ae","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2285","title":{"rendered":"\u83b7\u53d6json\u6570\u636e"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>Title<\/title>\r\n <style lang=\"\">\r\n   span{\r\n     display: block\r\n   }\r\n   .first{\r\n     overflow: hidden;\r\n     border: 1px solid\r\n   }\r\n   .two{\r\n     margin-top: 20px;\r\n     border: 1px solid black\r\n   }\r\n   p{\r\n     background: red\r\n   }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"first\">\r\n    <p>\u83b7\u53d6\u6240\u6709\u7684value\u503c<\/p>\r\n    <div id=\"con\"><\/div>\r\n    <span id=\"names\">11<\/span>\r\n    <span id=\"sex\">22<\/span>\r\n    <span id=\"age\">33<\/span>\r\n  <\/div>\r\n  <div class=\"two\">\r\n    <p>\u83b7\u53d6\u7b2c\u4e00\u6761\u6570\u636ename\u7684value\u503c<\/p>\r\n    <div id=\"con2\"><\/div>\r\n    <div id=\"msg\"><\/div>\r\n    <div id=\"msgg\"><\/div>\r\n    <div id=\"msg1\"><\/div>\r\n    <div id=\"msg2\"><\/div>\r\n  <\/div>\r\n  <div class=\"two\">\r\n    <p>\u83b7\u53d6\u7b2c\u4e00\u6761\u6570\u636ename\u7684value\u503c<\/p>\r\n    <div id=\"threemsg\"><\/div>\r\n    <div id=\"con3\"><\/div>\r\n  <\/div>\r\n  <div class=\"two\">\r\n    <p>\u83b7\u53d6\u7b2c\u4e09\u6761\u6570\u636esex\u7684value\u503c<\/p>\r\n    <div id=\"fourmsg\"><\/div>\r\n    <div id=\"con4\"><\/div>\r\n  <\/div>\r\n  <script>\r\n    \/\/\u7b2c\u4e00\u4e2a\r\n    var object={\r\n      \"name\":\"\u5f20\u73ca\",\r\n      \"sex\":\"\u5973\",\r\n      \"age\":\"18\"\r\n    }\r\n    var obj=JSON.stringify(object);\r\n    document.getElementById(\"con\").innerHTML=obj;\r\n    document.getElementById(\"names\").innerHTML=\"\u59d3\u540d\uff1a\"+object[\"name\"];\r\n    document.getElementById(\"sex\").innerHTML=\"\u6027\u522b\uff1a\"+object[\"sex\"];\r\n    document.getElementById(\"age\").innerHTML=\"\u5e74\u9f84\uff1a\"+object[\"age\"];\r\n\r\n    \/\/\u7b2c\u4e8c\u4e2a\r\n    var object2=[\r\n      {\r\n        \"name\":\"\u5f20\u73ca\",\r\n        \"sex\":\"\u5973\",\r\n        \"age\":\"18\"},\r\n      {\r\n        \"name\":\"\u674e\u56db\",\r\n        \"sex\":\"\u7537\",\r\n        \"age\":\"20\"\r\n      },\r\n      {\r\n        \"name\":\"\u738b\u4e94\",\r\n        \"sex\":\"\u4eba\u5996\",\r\n        \"age\":\"45\"\r\n      }\r\n    ]\r\n    var obj2=JSON.stringify(object2);\r\n    document.getElementById(\"con2\").innerHTML=obj2;\r\n    document.getElementById(\"msg\").innerHTML=JSON.stringify(object2[0]);\r\n    document.getElementById(\"msgg\").innerHTML=JSON.stringify(object2[0].name);\r\n    document.getElementById(\"msg1\").innerHTML=JSON.stringify(object2[1]);\r\n    document.getElementById(\"msg2\").innerHTML=JSON.stringify(object2[2]);\r\n\r\n    \/\/\u7b2c\u4e09\u4e2a\r\n    var object3={\r\n      \"side\":[\r\n        {\r\n        \"name\":\"\u5f20\u73ca\",\r\n        \"sex\":\"\u5973\",\r\n        \"age\":\"18\"},\r\n        {\r\n          \"name\":\"\u674e\u56db\",\r\n          \"sex\":\"\u7537\",\r\n          \"age\":\"20\"\r\n        },\r\n        {\r\n          \"name\":\"\u738b\u4e94\",\r\n          \"sex\":\"\u4eba\u5996\",\r\n          \"age\":\"45\"\r\n        }\r\n      ]\r\n    }\r\n    var obj3=JSON.stringify(object3.side);\r\n    document.getElementById(\"threemsg\").innerHTML=JSON.stringify(object3);\r\n    document.getElementById(\"con3\").innerHTML=JSON.stringify(object3.side[0].name);\r\n\r\n    \/\/\u7b2c\u56db\u4e2a\r\n    var object4={\r\n      \"sides\":{\r\n        \"side\":[\r\n          {\r\n          \"name\":\"\u5f20\u73ca\",\r\n          \"sex\":\"\u5973\",\r\n          \"age\":\"18\"},\r\n          {\r\n            \"name\":\"\u674e\u56db\",\r\n            \"sex\":\"\u7537\",\r\n            \"age\":\"20\"\r\n          },\r\n          {\r\n            \"name\":\"\u738b\u4e94\",\r\n            \"sex\":\"\u4eba\u5996\",\r\n            \"age\":\"45\"\r\n          }\r\n        ]\r\n      }\r\n    }\r\n     var obj4=JSON.stringify(object4.sides.side);\r\n    document.getElementById(\"fourmsg\").innerHTML=JSON.stringify(object4);\r\n    document.getElementById(\"con4\").innerHTML=JSON.stringify(object4.sides.side[2].sex);\r\n    \/\/\u8de8\u57df\r\n    var xhr=new XMLHttpRequest();\r\n    xhr.open(\"GET\",'json.txt',true);\r\n    xhr.send();\r\n    xhr.onreadystatechange=function(){\r\n      if(this.readyState==4){\r\n        if(this.status==200){\r\n          var data=JSON.stringify(this.response);\r\n          console.log(data);\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » \u83b7\u53d6json\u6570\u636e<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,50],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2285"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2285"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2285\/revisions"}],"predecessor-version":[{"id":2286,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2285\/revisions\/2286"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2285"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}