Latihan AJaX

//--- FILE : latihan.php
<!DOCTYPE html>
<html>
    <head>
        <title>Latihan AJaX</title>
    </head>
    <body>
        <form>
            Kota
            <select id='kota' name='kota'>
                <option value=''>--pilih kota --</option>
                <?php
                $kota=array('1'=>'Jakarta','Bandung','Semarang','Yogyakarta','Surabaya','Denpasar');
                foreach($kota as $val=>$text) echo "<option value='{$val}'>{$text}</option>";
                ?>
            </select><br>
            provinsi <input type='text' id='provinsi' name='provinsi'><br>
            jumlah penduduk <input type='text' id='jml_penduduk' name='jml_penduduk'><br>
            <input type='submit' value='kirim'>
        </form>
    </body>
    <script
        src="https://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
        crossorigin="anonymous">
    </script>
    <script>
    $(document).ready(function(){
        $('#kota').change(function(){   //-- jalankan perintah berikut jika combobox dengan id='kota' berubah nilainya (onChange)
            $.post(                     //-- lakukan proses AJaX dengan HTTP method POST
                'latihan_ajax.php',     //-- panggil file 'latihan_ajax.php'
                {'kota':$(this).val()}, //-- kirimkan paramater bernama 'kota' dengan nilai sesuai nilai combobox yg dipilih
                function(data){         //-- jalankan fungsi berikut jika proses AJaX sukses
                    var hasil=$.parseJSON(data);    //-- parsing data JSON dari respon server dan masukkan ke variable 'hasil'
                    $('#provinsi').val(hasil.provinsi);     //-- ubah nilai inputan dengan id='provinsi' dengan nilai hasil.provinsi
                    $('#jml_penduduk').val(hasil.jml_penduduk); //-- ubah nilai inputan ber id='jml_penduduk' dgn data yg sesuai
                }
            );
        });
    });
    </script>
</html>

//-- FILE : latihan_ajax.php
<?php
if(isset($_POST['kota'])){
    $data=array(
        '1'=>array('provinsi'=>'DKI Jakarta','jml_penduduk'=>'7 jt'),
        '2'=>array('provinsi'=>'Jawa Barat','jml_penduduk'=>'27 jt'),
        '3'=>array('provinsi'=>'Jawa Tengah','jml_penduduk'=>'25 jt'),
        '4'=>array('provinsi'=>'DI Yogyakarta','jml_penduduk'=>'9 jt'),
        '5'=>array('provinsi'=>'Jawa Timur','jml_penduduk'=>'26 jt'),
        '6'=>array('provinsi'=>'Bali','jml_penduduk'=>'8 jt'),
    );
    $hasil=isset($data[$_POST['kota']])?$data[$_POST['kota']]:array('provinsi'=>'-','jml_penduduk'=>'-');
    echo json_encode($hasil);
}