passing json yang melibatkan javascript, php, dan event html

[ahok09]

Tweet

hi... saya punya beberapa pertanyaan ni seputar memasing nilai dari json yang melibatkan javascript, php, dan event html
untuk lebih jelasnya ane sertakan scriptnya aja ya..

1. bagaimana memasing nilai json yang dibuat oleh php ke javascript function seperti pada script di bawah ini?

<script type="text/javascript"> 
function terimaData(datasetku){ 
   alert(datasetku); 
} 
</script> 
<?php 
   $datajson = '{ "nama lengkap":"peter parker" ; 1:"pertama" ; "kelas":2 }';    
?> 
<input type="button" value="tampil" onclick="terimaData(<?php echo datajson; ?>)" />

2. bagaimana memasing nilai json yang dibuat pada sebuah fungsi javascript ke fungsi javascript lainnya melalui event click pada tombol yang dibuat dengan innerHTML string seperti di bawah ini ?

<script type="text/javascript"> 
function kirimdata(){ 
   var jsonku = {}; 
   for(var i = 0; i < 100; i++){ 
       jsonku[i] = "data ke-"+i; 
   } 
  var myhtml = "<input type=\"button\" value=\"tampilkan data\" onclick=\"terimadata('"+jsonku+"')\">" 
  document.getElementById('divku').innerHTML= myhtml ; 
} 
function terimadata(datasetku){ 
   var myhtml = ""; 
   for(var i = 0; i < datasetku.length; i++){ 
       myhtml += datasetku[i] + "<br />"; 
   } 
   document.getElementById('tampilhasil').innerHTML = myhtml; 
} 
</script> 
<input type="button" value="buat tombol" onclick="kirimdata()" /> 
<div id="divku"></div> 
<div id="tampilhasil"></div> 

3. bagaimana jika pertanyaan no 2. buttonnya saya buat dengan createElement yang disediakan javascript??

<script type="text/javascript"> 
function kirimdata(){ 
   var jsonku = {}; 
   for(var i = 0; i < 100; i++){ 
       jsonku[i] = "data ke-"+i; 
   } 
  var tombol = document.createElement("input"); 
  tombol.type = "button"; 
  tombol.value = "display"; 
  tombol.onclick = function () { tampildata(jsonku); } 
  document.getElementById('divku').appendChild(tombol); 
} 
function terimadata(datasetku){ 
   var myhtml = ""; 
   for(var i = 0; i < datasetku.length; i++){ 
       myhtml += datasetku[i] + "<br />"; 
   } 
   document.getElementById('tampilhasil').innerHTML = myhtml; 
} 
</script> 
<input type="button" value="buat tombol" onclick="kirimdata()" /> 
<div id="divku"></div> 
<div id="tampilhasil"></div>