Parsing data json lewat javascript html

saya punya data json ini:

{"nodes":[{"node":{"Judul":"Nilai Semester","mapel1":"Bahasa Indonesia","mapel2":"Bahasa Inggris","cell1":"170","cell2":"157","cell3":"130","cell4":"160"}}],"view":{"name":"nilai","display":"page","path":"nilai","root":"nodes","child":"node","pages":1,"page":0,"count":1,"limit":1}}

trus html dan jsnya ini:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Json tes http get</title>
<style>
table{
width:100%;
}
td{
border:1px solid #000;
}
li{list-style:none;border-bottom:1px dotted #000;padding:10px;width:50%;}
</style>
</head>
<body>

<h1>Tes Json</h1>
<div id="printnya"></div>

<script>
var xmlhttp = new XMLHttpRequest();
var url= "http://localhost/smanser/nilai";
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
        //console.log(xmlhttp.responseText);
       //data = JSON.parse(xmlhttp.responseText);
     myFunction(xmlhttp.responseText);
    }
}

xmlhttp.open('GET',url, true);
xmlhttp.send();

function myFunction(parameternya) {
    var arr = JSON.parse(parameternya);
    var i=0;

    var out = "<ul>";
    //for(i = 0; i < arr.length; i++) {
        out += "<li>" +
        arr.nodes.cell1 +
        "</li>";
  //  }
    out += "</ul>";
    document.getElementById("printnya").innerHTML = out;
}

</script>
</body>
</html>

tapi kok munculnya undefine yaw..??saya pngen manggil data judul,mapel1,mapel2.cell1,cell2 sy coba mngeluarkan 1 datanya kok undefine??? need help please salahnya dmn ya?

thanks

javascript html

@imunk

3 Kontribusi 0 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

coba pakai jquery ajax

@ardyhim

289 Kontribusi 175 Poin

Dipost 8 tahun yang lalu

udah ktemu trnyata salah syntax ` function myFunction(parameternya) { var arr = JSON.parse(parameternya);

//var i=0;
var out = &quot;&quot;;
 out += &quot;&quot; +
    arr.nodes[0].node.cell4 +
    &quot;&quot; +
    arr.nodes[0].node.cell1 +
    &quot;&quot; +
    arr.nodes[0].node.cell2 +
    &quot;&quot;+&quot;&quot;+
    //arr.view.name +
     arr.nodes[0].node.cell3 +
    &quot;&quot;;
out += &quot;&quot;;
document.getElementById(&quot;printnya&quot;).innerHTML = out;

@imunk

3 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Kelas Premium! Belajar Javascript untuk website

Parsing data json lewat javascript html

Kelas Premium!
Belajar bikin website dari nol sekarang

Kelas Premium!
Belajar Javascript untuk website