Berikut ini pengenalan cara menggunakan objek json di HTML5 melalui kode contoh.
<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport content=width=lebar perangkat, tinggi=tinggi perangkat, skala awal=1, skala maksimum=1, skala minimum=1, skalabel pengguna=tidak ada/> <title>penggunaan objek json</title> <link rel=stylesheet href=//g.alicdn.com/de/prismplayer/2.6.0/skins/default/aliplayer-min.css /> <tipe skrip=teks/javascript src=//g.alicdn.com/de/prismplayer/ 2.6.0/aliplayer-min.js></script> </head> <body> <div class=prism-player id=J_prismPlayer style=posisi: absolute></div> <skrip> var siswa = { xiaomin: { nama: xiaoming, nilai: 1 }, teemo: { nama: teemo, nilai: 3 } } siswa = JSON.stringify(siswa); //Konversi JSON menjadi string dan simpan dalam variabel console.log(students); localStorage.setItem(students,students);//Simpan variabel ke dalam localStorage var newStudents = localStorage.getItem(students); newStudents = JSON.parse(students); //Konversi ke JSON console.log(newStudents); objek asli // alert(newStudents.length); alert(newStudents.xiaomin.name); //nilai string tipe array json var jsonStr = '[{id:01,open:false,pId:0,nama:Departemen A},{id:01,open:false,pId:0,nama:Departemen A},{id:011,open:fals e,pId:01,nama:Departemen A},{id:03,open:false,pId:0,nama:Departemen A},{id:04,open:false,pId:0,nama:Departemen A}, {id:05,open:false,pId:0,nama:Departemen A}, {id:06,open:false,pId:0,nama:Departemen A}]'; var jsonObj = JSON.parse(jsonStr); //Konversikan ke objek json for(var i=0;i<jsonObj.length;i++){ alert(jsonObj[i].id); //Dapatkan nilai di json} console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1+jsonStr1) </script> </body></html> Tambahan: Mari kita lihat konversi timbal balik antara objek JSON dan String di Html5Menghadapi pesatnya perkembangan terminal seluler, cara penyediaan data bukan lagi antarmuka PC-->PC sebelumnya, yang telah mendorong penggunaan format JSON. Di JS sebelum H5, saya menggunakan JS ke JSON di H4 sebelumnya pemrosesan menyebutkan metode eval, eval(). Konversi antara JSON dan String di H5 adalah sebagai berikut:
Konversi String ke objek JSON:
var jsonObj; fungsi myParse(){ var jsonStr=document.querySelector(#txtJsonStr).nilai;Ubah objek JSON menjadi String:
function myStringify(){ var txtJson=document.querySelector(#txtJsonStr); var jsonStr2=JSON.stringify(jsonObj); //jsonObj di sini adalah objek JSON txtJson.value=jsonStr2; MeringkaskanDi atas adalah contoh kode penggunaan objek json di HTML5 yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!