ต่อไปนี้เป็นการแนะนำวิธีการใช้วัตถุ json ใน HTML5 ผ่านโค้ดตัวอย่าง
<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, height=device-height, default-scale=1, maximum-scale=1, ขนาดต่ำสุด = 1, ผู้ใช้ปรับขนาดได้ = no/> <title> การใช้วัตถุ json</title> <link rel=stylesheet href=//g.alicdn.com/de/prismplayer/2.6.0/skins/default/aliplayer-min.css /> <script type=text/javascript src=//g.alicdn.com/de/prismplayer/ 2.6.0/aliplayer-min.js></script> </head> <body> <div class=prism-player id=J_prismPlayer style=position: Absolute></div> <script> var students = { xiaomin: { ชื่อ: xiaoming, เกรด: 1 }, teemo: { ชื่อ: teemo, เกรด: 3 } } นักเรียน = JSON.stringify(students); //แปลง JSON เป็นสตริงและเก็บไว้ในตัวแปร console.log(students); localStorage.setItem(students,students);//บันทึกตัวแปรลงใน localStorage var newStudents = localStorage.getItem(students); newStudents = JSON.parse(students); // แปลงเป็น JSON console.log (newStudents); วัตถุดั้งเดิม // การแจ้งเตือน (newStudents.length); การแจ้งเตือน (newStudents.xiaomin.name); //ค่าสตริงประเภทอาร์เรย์ json var jsonStr = '[{id:01,open:false,pId:0,name:แผนก A},{id:01,open:false,pId:0,name:แผนก A},{id:011,open:fals e,pId:01,ชื่อ:แผนก A},{id:03,open:false,pId:0,ชื่อ:แผนก A},{id:04,open:false,pId:0,ชื่อ:แผนก A}, {id:05,open:false,pId:0,ชื่อ:แผนก A}, {id:06,open:false,pId:0,name:แผนก A}]'; var jsonObj = JSON.parse(jsonStr); // แปลงเป็นวัตถุ json for(var i=0;i<jsonObj.length;i++){ alert(jsonObj[i].id); //รับค่าเป็น json} console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1+jsonStr1) </script> </body></html> ภาคผนวก: มาดู การแปลงร่วมกันระหว่างออบเจ็กต์ JSON และ String ใน Html5เมื่อต้องเผชิญกับการพัฒนาอย่างรวดเร็วของเทอร์มินัลมือถือ วิธีการให้ข้อมูลจึงไม่ใช่อินเทอร์เฟซ PC-->PC แบบเดิมอีกต่อไป ซึ่งกระตุ้นให้ใช้รูปแบบ JSON ใน JS ก่อน H5 ฉันใช้ JS กับ JSON ใน H4 ก่อนหน้า การประมวลผลกล่าวถึงวิธีการ eval, eval() การแปลงระหว่าง JSON และ String ใน H5 เป็นดังนี้:
แปลงสตริงเป็นวัตถุ JSON:
var jsonObj; function myParse(){ var jsonStr=document.querySelector(#txtJsonStr).value; jsonObj=JSON.parse(jsonStr); }แปลงวัตถุ JSON เป็นสตริง:
ฟังก์ชั่น myStringify(){ var txtJson=document.querySelector(#txtJsonStr); var jsonStr2=JSON.stringify(jsonObj); //jsonObj นี่คือวัตถุ JSON txtJson.value=jsonStr2 } สรุปข้างต้นคือโค้ดตัวอย่างสำหรับการใช้ออบเจ็กต์ json ใน HTML5 ที่โปรแกรมแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!