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 7 tahun yang lalu

2 Jawaban:

coba pakai jquery ajax

@ardyhim

289 Kontribusi 175 Poin

Dipost 7 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 7 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Parsing data json lewat javascript html

Kelas Premium!
Belajar bikin website dari nol sekarang