Dah lama nggak bikin tutorial coding, yok mari belajar ajax dengan jquery?
Eittzz, sebelumnya sudah pada tahu belum ajax itu apa??
Nih sedikit kutipan dari wikipedia:
Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Selengkapnya
Lha terus? jQuery itu apa?
Nah, ini sedikit contekan dari wikipedia lagi:
jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. Selengkapnya
Lha terus itu fungsinya buat apa?
sek sek,, tunggu sebentar,, pernah pesbukan (main facebook), twitter, koprol atau socmed lainya? nah itu rata rata memakai ajax. mungkin kita tidak sadar akan adanya fungsi ajax, cir ciri web yang memakai ajax adalah sedikit reload halaman.
kita akan coba buat suatu form yang akan mengirim 2 input data, biasanya kalau cuma html dan php mungkin setelah form kita submit, maka halaman akan melakukan proses dengan load halaman “action” yang di tujukan, kalau halaman “action” adalah diri sendiri maka akan di submit seperti refresh halaman.
contoh form http biasa:
1 | <form action='kirim.php' method='post'> |
2 |
3 | Nama : <input type='text' name='nama'><br> |
4 | Alamat : <input type='text' name='alamat'><br> |
5 | <input type='submit' value='Kirim'> |
6 |
7 | |
Jadinya seperti ini:
/* config.php */$host = "localhost"; // hostname$user = "root"; // nama user mysql$pass = ""; // password mysql/*Koneksi ke basis data*/$connect = mysql_connect($host,$user,$pass) or die("CheckKoneksi");/*Membuat database bernama buku*/if ($connect){echo "Koneksi berhasil";$createdb = mysql_query("CREATE DATABASE IF NOT EXISTSdb_buku") or die(mysql_error());}else { echo "Koneksi Gagal"; }?>
Output
//Program utama
public class TestMobil {
public static void main(String[] args){
Mobil mobil = new Mobil();
Kijang kijang = new Kijang();
Escudo escudo = new Escudo();
BMW bmw = new BMW();
mobil.injakPedalGas();
mobil = kijang;
mobil.injakPedalGas();
mobil = escudo;
mobil.injakPedalGas();
mobil = bmw;
mobil.injakPedalGas();
}
}
//Buat kelas baru sebagai objek dari program utama
public class Mobil {
public void injakPedalGas(){
System.out.println("Mobil berjalan...");
}
}
class Kijang extends Mobil{
public void injakPedalGas(){
System.out.println("Mobil Melaju dengan kecepatan 80 Km/jam...");
}
}
class Escudo extends Mobil {
public void injakPedalGas(){
System.out.println("Mobil Melaju dengan kecepatan 70 Km/jam...");
}
}
class BMW extends Mobil{
public void injakPedalGas(){
System.out.println("Mobil Melaju dengan kecepatan 100 Km/jam...");
}
}
//Program Utama
public class VirtualDemo
{
public static void main(String [] args)
{
Salary s = new Salary("Mohd Mohtashim", "Ambehta, UP",
3, 3600.00);
Employee e = new Salary("John Adams", "Boston, MA",
2, 2400.00);
System.out.println("Call mailCheck using : Salary reference --");
s.mailCheck();
System.out.println("\nCall mailCheck using : Employee reference --");
e.mailCheck();
}
}
//Sebagai Objek Program ke 1
public class Employee
{
private String name;
private String address;
private int number;
public Employee(String name, String address, int number)
{
System.out.println("Constructing an Employee");
this.name = name;
this.address = address;
this.number = number;
}
public void mailCheck()
{
System.out.println("Mailing a check to " + this.name
+ " " + this.address);
}
public String toString()
{
return name + " " + address + " " + number;
}
public String getName()
{
return name;
}
public String getAddress()
{
return address;
}
public void setAddress(String newAddress)
{
address = newAddress;
}
public int getNumber()
{
return number;
}
}
//Sebagai Objek Program ke 2
public class Salary extends Employee
{
private double salary; //Annual salary
public Salary(String name, String address, int number, double
salary)
{
super(name, address, number);
setSalary(salary);
}
public void mailCheck()
{
System.out.println("Within mailCheck of Salary class ");
System.out.println("Mailing check to " + getName()
+ " with salary " + salary);
}
public double getSalary()
{
return salary;
}
public void setSalary(double newSalary)
{
if(newSalary >= 0.0)
{
salary = newSalary;
}
}
public double computePay()
{
System.out.println("Computing salary pay for " + getName());
return salary/52;
}
}
