web 2.0

Selasa, 19 Juni 2012

Pertukaran data menggunakan JSON & PHP

Pertukaran data antar aplikasi berbasis Web dapat dilakukan dengan menggunakan teknik JSON. Pertukaran data dengan menggunakan Aplikasi Web seperti PHP dapat dilakukan melalui media Internet maupun Intranet tanpa harus mengakses langsung database yang digunakan, seperti MySQL. Contoh sederhana, pada suatu Universitas terdapat sebuah database mahasiswa yang terdiri dari data mahasiswa (nama, nomor induk, alamat, dll). Data mahasiswa ini akan diintegrasikan dengan salah satu bank agar mahasiswa dapat membayar SPP/SKS melalui Bank tersebut.
Universitas dan Bank tidak perlu membuka akses database masing-masing secara langsung, tetapi dengan membuat aplikasi middleware, maka database Universitas dan Bank akan dapat melakukan pertukaran data dengan di jembatani sebuah aplikasi middleware. Aplikasi middleware yang akan kita bahas menggunakan pemrograman PHP dengan format data JSON. Selain JSON, pertukaran data dapat juga dilakukan dengan menggunakan XML, tetapi ukuran file dengan format XML lebih besar dibanding format JSON. Model pertukaran data berbasis Web dengan teknik seperti XML ataupun JSON biasanya disebut dengan istilah Web Services.

Source index.php
<html>
<head>
<title>JSON dan JQuery</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
    $("#proses").click(function(){ 
        // Post string 
        var post_string = "npm=" + $('#npm').val(); 
 
        // Mengirimkan permintaan dari pilihan NPM
        $.ajax({ 
            type: "GET", 
            data: post_string, 
            dataType: "json", 
            cache: false, 
            url: 'json.php', 
            timeout: 5000,    
            error: function() {    
                alert("Failed to submit"); 
            }, 
            success: function(data) {  
                // Clear input
                $("input#nama").val(''); 
                $("input#kelas").val(''); 
     
                // Mengisikan data pada menu input    
           $.each(data, function(i, j){ 
                   $("input#nama").val(j.nama); 
                   $("input#kelas").val(j.kelas); 
            }
    
            ); 
          } 
        }); 
    });     
});
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="300" border="0" cellspacing="1" cellpadding="1" align="center">
  <tr>
    <td>NPM</td>
    <td>:</td>
    <td>
        <input type="text" name="npm" id="npm"><input name="proses" id="proses" type="button" value="Cari">
    </td>
  </tr>
  <tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type="text" name="nama" id="nama"></td>
  </tr>
  <tr>
    <td>Kelas</td>
    <td>:</td>
    <td><input type="text" name="kelas" id="kelas"></td>
  </tr>
</table>
</form>
</body>
</html>

Source json.php
<?php
include "koneksi.php";
$json = array(); 
$npm=$_GET['npm'];
$result = mysql_query("SELECT * FROM mahasiswa where npm='$npm' limit 1", $link_id); 

if(mysql_num_rows($result)==0) {
    $json[] = array( 
        'npm' => '', 
        'nama' => 'Data tidak ditemukan',
        'kelas' => ''
    );  
}

while($baris=mysql_fetch_array($result))
{
    $json[] = array( 
        'npm' => $baris['npm'], 
        'nama' => $baris['nama'],
        'kelas' => $baris['kelas']
    ); 
}
 
echo json_encode($json);
?>

Dalam contoh pembuatan

3 komentar:

Unknown mengatakan...

sekalian databasenya dong dan koneksi.php....

Unknown mengatakan...

Terima Kasih Mas Artikelnya ??? Terus Semangat Menulis

for ict 99 mengatakan...

great

Posting Komentar

Seputar Dunia Komputer, Kode Pemrograman, Coding, SQL Injection, Tips dalam Komputer, Hacker dan Cracker