Categorized | Ajax

Latihan Membuat Aplikasi dengan Ajax

Ajax merupakan kependekan dari Asynchronous Javascript and Xml, merupakan sebuah konsep spektakuler untuk membangun aplikasi berbasis web yang lebih menarik dan interaktif.

Sebagaimana namanya, Ajax adalah perpaduan antara javascript dan xml yang digunakan untuk berinteraksi dengan server secara asynchron/dibalik layar, sehingga untuk menggunakannya mau tidak mau kita harus mengenal yang namanya HTML, CSS, Javascript, Xml, PHP, dan MySql, karena konsep ajax akan selalu melibatkan respon pada sisi server.

Ok, kita akan langsung pada contoh implementasi Ajax.
Pertama, kita membuat dokumen HTML yang kita kasih nama latihanajax.html, kode programnya adalah sebagai berikut :

<html>
<head>
<title>Latihan AJAX</title>
</head>
<body>

<script type=”text/javascript”>
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject(”Msxml2.XMLHTTP”);
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject(”Microsoft.XMLHTTP”);
}
catch (e)
{
alert(”Your browser does not support AJAX!”);
return false;
}
}
}
}
</script>

<form name=”myForm”>
Name: <input type=”text” name=”username” />
Time: <input type=”text” name=”time” />
</form>

</body>
</html>

Leave a Reply

  • Popular
  • Comments
  • Tags
  • Subscribe
Advertise Here

Category

Tag Cloud