Ajax HTTP Request

Di Dalam coding JavaScript, jika Anda ingin memperoleh informasi dari database atau file di server, atau mengirim informasi ke server, anda perlu membuat sebuah bentuk HTML dan GET atau POST data ke server. Pengguna perlu klik "Kirim" tombol untuk mengirim / mendapatkan informasi, menunggu server untuk merespon, kemudian baru akan memuat halaman dengan hasil.

Karena server kembali halaman baru setiap kali pengguna mengajukan masukan, aplikasi web dapat berjalan lambat dan cenderung kurang user-friendly. Dengan AJAX, JavaScript Anda berkomunikasi langsung dengan server, melalui objek JavaScript XMLHttpRequest.

Dengan HTTP Request, halaman web dapat membuat permintaan untuk, dan mendapat jawaban dari web server - tanpa reload halaman. Pengguna akan tetap di halaman yang sama, dan dia tidak akan melihat bahwa script meminta halaman, atau mengirim data ke server di latar belakang.

Browser yang berbeda menggunakan metode yang berbeda untuk menciptakan objek XMLHttpRequest. Internet Explorer menggunakan ActiveXObject, sementara lainnya menggunakan browser built-in JavaScript objek disebut XMLHttpRequest.

Untuk membuat objek ini, dan menangani berbagai browser, kita akan menggunakan "Try and Catch" statement. Anda dapat membaca lebih lanjut tentang statement try and catch di tutorial JavaScript. Berikut ini coding untuk membuat HttpRequest :

<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>  

Kemudian kita coba untuk membuat objek dengan XMLHttp = new XMLHttpRequest(). Code Ini digunakan untuk Firefox, Opera, dan Safari browser. Jika gagal, coba xmlHttp = new ActiveXObject ("Msxml2.XMLHTTP") untuk Internet Explorer 6.0 +, jika yang juga gagal, coba xmlHttp = new ActiveXObject ( "Microsoft.XMLHTTP") untuk Internet Explorer 5.5+

Jika tiga cara tadi tidak bisa, kemungkinan browser yang digunakan user cukup usang dan dia akan mendapatkan peringatan yang menyatakan bahwa browser tidak mendukung AJAX.
Sumber : Kuliah Itdot com

Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Masukan Alamat Email Anda :

Postingan yang Berhubungan

• Google Adsense
• Harga keyword Google Adsense Per klik Termahal
• Dapat Duit dari AdsenseCamp
• Tips Agar Di terima google Adsense
• Cara Curang Agar Di terima google Adsense
• Menghasilkan Uang Melalui Affiliate Marketing
• Google Melarang Menaruh Iklan Adsense Di Blog Auto Blog
• Tips Cepat terindeks Search engine
• Kenapa Blog Gue Di tolak Google ADsense..??
• Hati-Hati dengan Click Fraud
• Kelebihan Program Affiliate Amazon
• Pay Per Click (PPC)
• Iklan ClixSense
• Cari Dollar Lewat AdBrite
• Kumpulin Dollar Lewat Bux.to
• Tambah Penghasilan Lewat Ziddu
• Cari Dollar Lewat Bidvertiser
• Temanku Dapet $30 dari readbud tiap bulan..?
• Temanku Dapat Dollar Dengan Review Tanpa Website
• Panduan Paypal
• Fungsi Ping Blog?
• Cara Berjualan Produk Amazon.com
• Cara Berjualan Produk Ebay.com
• Cara Berjualan Produk Bhineka.com