โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<head>
<title> CSS </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
#mindphp{
font-size: xx-large ;
background-color: #00FF00;
}
div {
font-size: xx-large ;
background-color: #FFFF00;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url: 'json_test.php',
success: function( datajson ) {
$('#mindphp2').html(''); // ให้เเทนที่ TODO write content เป็นว่างเปล่า
$.each(datajson.test, function(k, v) { //datajson.test 2 มิติ
// alert(k + '=>' + v); //ให้ alert ค่า
$('#mindphp2').append(' ' + k + ' => ' + v) //วนลูป แสดงค่าออกมา .append คือให้แสดงค่า เรียงต่อจากตำแหน่ง#mindphp2 ถ้าใช้ html.จะได้ค่าสุดท้ายค่าเดียว
});
},
cache: false
});
});
</script>
</head>
<body>
<div id="mindphp2">TODO write content</div>
</body>
</html>
โค้ด: เลือกทั้งหมด
<?php
$arr = array('test' =>
(array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5))
);
header('Content-Type: application/json');
echo json_encode($arr);