Tutorial PHP, MySQL, Javascript, SEO dan lainnya

Script PHP – Sebelum membaca tutorial membuat jquery dan PHP, ada baiknya membaca terlebih dahulu, tutorial bagaimana membuat database propinsi, kabupaten, kecamatan, kelurahan dan kodepos bab 1-4. Dengan mengikuti langkah demi langkah, anda bisa belajar membuat data sendiri, walaupun lumayan cape tapi ada kepuasan tersendiri saat kita berhasil.

Setelah langkah demi langkah dilakukan, sekarang kita buat script untuk menjalankan database tersebut ke dalam website atau aplikasi. Langkah awal adalah dengan mendownload file jquery.min.js.

Buat file PHP dengan php editor, misalnya dreamwevaer, notepad atau lainnya. Bikin file propinsi.php.

Koneksi Database

<?
$server='localhost';
$username='root';
$password='';
$database='daerah';

mysql_select_db($database,mysql_connect($server,$username,$password));

$cprop = mysql_query("SELECT bps,nama FROM propinsi");
$apropinsi = array();
while ($sql = mysql_fetch_array($cprop)) {
    $apropinsi[$sql[‘bps’]] = $sql[‘nama’];
}

?>

 

JQUERY:

<script src="jquery.min.js" language="javascript">

<script type="text/javascript">
$(document).ready(function(){
    $('#bps').change(function(){
        $.getJSON('dtprop.php',{action:'getKab', bps:$(this).val()}, function(json){
            $('#kabkotaID').html('<option selected=selected> — Pilih –</option>');
            $.each(json, function(index, row) {
                $('#kabkotaID').append('<option value='+row.kabkotaID+'>'+row.nama+'</option>');
            });
        });
    });
    $('#kabkotaID').change(function(){
        $.getJSON('dtprop.php',{action:'getKec', kabkotaID:$(this).val()}, function(json){
            $('#kecamatanID').html('<option selected=selected> — Pilih –</option>');
            $.each(json, function(index, row) {
                $('#kecamatanID').append('<option value='+row.kecamatanID+'>'+row.nama+'</option>');
            });
        });
    });
    $('#kecamatanID').change(function(){
        $.getJSON('dtprop.php',{action:'getKel', kecamatanID:$(this).val()}, function(json){
            $('#kelurahanID').html('<option selected=selected> — Pilih –</option>');
            $.each(json, function(index, row) {
                $('#kelurahanID').append('<option value='+row.kelurahanID+'>'+row.nama+'</option>');
            });
        });
    });
    $('#kelurahanID').change(function(){
            $.getJSON('dtprop.php',{action:'getKodepos', kelurahanID:$(this).val()}, function(json){
                        $.each(json, function(index, row) {
                            $('#kodeposID').html('<input  type=hidden name=kodeposID value='+row.kodeposID+'>'+row.nama);
                        });
            });
    });
});
</script>

 

Bikin FORM

<form action="" method="post" name="form1">
<select id="bps" name="bps">
          <option value="">-Pilih-</option>
          <?
            foreach ($apropinsi as $bps=>$nama) {
                echo "<option value='$bps'>$nama</option>";
            }
            ?>
          </select>

<select id="kabkotaID" name="kabkotaID"></select>

<select id="kecamatanID" name="kecamatanID"></select>

<select id="kelurahanID" name="kelurahanID"></select>

<div id="kodeposID"></div>

</form>

Untuk eksekusi datanya, bikin file dtprop.php.

<?

$server='localhost';
$username='root';
$password='';
$database='daerah';

mysql_select_db($database,mysql_connect($server,$username,$password));

if($_GET[‘action’] == "getKab") {
    $bps = $_GET[‘bps’];
$ckab = mysql_query("SELECT kabkotaID,nama FROM kabkota WHERE bps='$bps'");
$data = array();
while ($row = mysql_fetch_array($ckab)) {
        $data[]=$row;
    }
    $pil = array('kabkotaID'=>'','nama'=>"— pilih —");
    array_push($data,$pil);
}
if($_GET[‘action’] == "getKec") {
    $kabkotaID = $_GET[‘kabkotaID’];
   $ckec = mysql_query("SELECT kecamatanID,nama FROM kecamatan WHERE kabkotaID='$kabkotaID'");
    $data = array();
    while ($row = mysql_fetch_array($ckec)) {
        $data[]=$row;
    }
    $pil = array('kecamatanID'=>'','nama'=>"— pilih —");
    array_push($data,$pil);
}
if($_GET[‘action’] == "getKel") {
    $kecamatanID = $_GET[‘kecamatanID’];
   $ckel = mysql_query("SELECT kelurahanID,nama FROM kelurahan WHERE kecamatanID='$kecamatanID'"); 
$data = array();
 while ($row = mysql_fetch_array($ckel)) {
        $data[]=$row;
    }
    $pil = array('kelurahanID'=>'','nama'=>"— pilih —");
    array_push($data,$pil);
}
if($_GET[‘action’] == "getKodepos") {
    $kelurahanID = $_GET[‘kelurahanID’];
$cpos = mysql_query("SELECT kodeposID,nama FROM kodepos WHERE kelurahanID='$kelurahanID'");   
 $data = array();
 while ($row = mysql_fetch_array($cpos)) {
        $data[]=$row;
    }
}

echo json_encode($data);
?>

Nah selesai deh membuat script PHP dan Jquery untuk menggunakan database propinsi, kabupaten, kecamatan, kelurahan dan kodepos.

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Anda dapat menggunakan tag dan atribut HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image