فيما يلي مقدمة لكيفية استخدام كائنات json في HTML5 من خلال التعليمات البرمجية المحددة كما يلي:
<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, height=device-height, الأولي-scale=1, الحد الأقصى للمقياس=1, الحد الأدنى للمقياس = 1، user-scalable = 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 الطلاب = { 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:Department A},{id:01,open:false,pId:0,name:Department A},{id:011,open:fals e,pId:01,name:Department A},{id:03,open:false,pId:0,name:Department A},{id:04,open:false,pId:0,name:Department A}, {id:05,open:false,pId:0,name:Department A}, {id:06,open:false,pId:0,name:Department A}]'; var jsonObj = JSON.parse(jsonStr); // تحويل إلى كائن json for(var i=0;i<jsonObj.length;i++){ تنبيه(jsonObj[i].id); // احصل على القيمة في json} console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1+jsonStr1) </script> </body></html> الملحق: دعونا نلقي نظرة على التحويل المتبادل بين كائنات JSON والسلسلة في Html5في مواجهة التطور السريع للمحطات المتنقلة، لم تعد طريقة توفير البيانات هي الكمبيوتر الشخصي السابق -> واجهة الكمبيوتر الشخصي، مما دفع إلى استخدام تنسيق JSON في JS قبل H5، استخدمت JS إلى JSON في H4 السابق ذكرت المعالجة طريقة التقييم، eval () التحويل بين JSON والسلسلة في H5 هو كما يلي:
تحويل السلسلة إلى كائن JSON:
var jsonObj; function myParse(){ var jsonStr=document.querySelector(#txtJsonStr).value;تحويل كائن JSON إلى سلسلة:
function myStringify(){ var txtJson=document.querySelector(#txtJsonStr); var jsonStr2=JSON.stringify(jsonObj); تلخيصما ورد أعلاه هو نموذج التعليمات البرمجية لاستخدام كائنات json في HTML5 الذي قدمه المحرر وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!