web 2.0

Tuesday, June 19, 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

2 comments:

rizal noer hamdan said...

sekalian databasenya dong dan koneksi.php....

Mara Kempleh said...

Terima Kasih Mas Artikelnya ??? Terus Semangat Menulis

Post a Comment

Maria Ozawa disebut Miyabi bermain sex dengan free software dan tools hacking, hacker dan software cracker untuk para pecinta playboy dan Roy Suryo bersama Ruby Alamsyah demo bank century, gila bola dan juga free games desktop ada di Linux Ubuntu dan Mikrotik yang semuanya di ABG Bugil artis Bugil dan Indonesia Sex yang tidak mendidik pada Departemen Pendidikan beri free domain gratis dan hosting free hosting gratis soal toefl dan lowongan CPNS 2010 dari lowongan kerja 2010 dan rumah sakit paling bagus free lagu MP3 gratis divx film dvd movie 2010 download.