Navigation


RSS: articles / comments



January 25, 2007

Aplikasi AJAX

......................untuk pertama bikin form html dulu….............
kita beri nama : index.php




Select a Customer:


Customer info will be listed here.


ket : file ini akan diproses oleh selectcustomer.js

_____terus klo udah coba dibuat file AJAX nya______________
kita berinama selectcustomer.js
var xmlHttp

function showCustomer(str)
{

xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{

alert (“Browser does not support HTTP Request”)
return
} // utk mengirim parameter //
var url=”Proses.php”
url=url+”?q=”+str
url=url+”&sid=”+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open(“GET”,url,true)
xmlHttp.send(null)
}

function stateChanged()
{

if (xmlHttp.readyState==4 || xmlHttp.readyState==”complete”)
{ // utk menampilkan data dalam database //
document.getElementById(“txtHint”).innerHTML=xmlHttp.responseText
}

}
// utk browser //
function GetXmlHttpObject()
{

var objXMLHttp=null
if (window.XMLHttpRequest)
{

objXMLHttp=new XMLHttpRequest()
}

else if (window.ActiveXObject)
{

objXMLHttp=new ActiveXObject(“Microsoft.XMLHTTP”)
}

return objXMLHttp
}// JavaScript Document

_________terus buat file phpnya untuk ngambil data dari database__________
kita berinama Proses.php

if(isset($_GET[‘q’])){

$dataku=$_GET[‘q’];
$conn=mysql_connect(“localhost”,”root”,”“);
$db=mysql_select_db(“diknas”);

$select=mysql_query(“select * from identitas_pegawai where nama_lengkap=’$dataku’”);
echo “

“;$i=0;
while($data=mysql_fetch_array($select)){
$nama=$data[‘nama_lengkap’];
$tempat=$data[‘tempat_lahir’];
$i++;

$tempat”;

}//end while
echo ” “;
}

jadi begini ceritanya:

pertama kita buat templatenya dengan HTML jika kita pilih data dari combo box maka akan tertampil data di database yang berhubungan dengan list combobox yang kita pilih.cuma proses itu melalui AJAX yang mengirim parameter dari combo box di HTML .. dicoba dulu semoga bermanfaat

2 Comments »

The URI to TrackBack this entry is: http://indrasela.blogsome.com/2007/01/25/aplikasi-ajax/trackback/

  1. ih masa buat kotak yang seimut gitu codingnya panjang banget ,.,

    Comment by vini — February 17, 2007 @ 8:38 am

  2. suatu langkah bagus untuk pemula dan pencoba lainnya :)

    tes tes http://bimoseptyop.blogspot.com

    Comment by bimoseptyop — February 23, 2007 @ 5:41 pm

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>



About Me

Yeah, it´s me! Indra, S.Kom
Dosen & Staff IT
Fakultas Teknologi Informasi

Universitas Budi Luhur.
Web Solution,Programmer & Trainer Pelatihan Ilmu Komputer adalah pekerjaanku.
email : indrasela@yahoo.com
ym:indrasela

Categories:

Site Related:

Archives:


Most Recent Posts

Most Popular Posts

Links

Shout Box


Admin

Internet Sehat Blog Award 2009

Visitor Counter