Postingan lainnya

Buku Ini Koding!

Baru!

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

Kelas Premium!
Belajar bikin website dari nol sekarang

Gunakan kupon "lebihcepat" untuk diskon 25%!

Kelas Premium!
Belajar Javascript untuk website

Gunakan kupon "mulaijs" untuk diskon 75 ribu!

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

2 Jawaban:

coba pakai jquery ajax

@ardyhim

289 Kontribusi 175 Poin

Dipost 9 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;