AJAX - Dukungan Browser

Semua browser yang tersedia tidak mendukung AJAX. Berikut adalah daftar browser utama yang mendukung AJAX.

Mozilla Firefox 1.0 dan yang lebih baru.
Netscape versi 7.1 dan yang lebih baru.
Apple Safari 1.2 dan yang lebih baru.
Microsoft Internet Explorer 5 dan yang lebih baru.
Konqueror.
Opera 7.6 ke atas.

Saat Anda menulis aplikasi Anda berikutnya, pertimbangkan browser yang tidak mendukung AJAX.

NOTE - Saat kami mengatakan bahwa browser tidak mendukung AJAX, itu berarti browser tidak mendukung pembuatan objek Javascript - objek XMLHttpRequest.

Menulis Kode Khusus Browser

Cara termudah untuk membuat kode sumber Anda kompatibel dengan browser adalah dengan menggunakan blok try ... catch di JavaScript Anda.

<html>
   <body>
      <script language = "javascript" type = "text/javascript">
         <!-- 
         //Browser Support Code
         function ajaxFunction() {
            var ajaxRequest;  // The variable that makes Ajax possible!

            try {
               // Opera 8.0+, Firefox, Safari 
               ajaxRequest = new XMLHttpRequest();
            } catch (e) {

               // Internet Explorer Browsers
               try {
                  ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
               } catch (e) {
                  
                  try {
                     ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                  } catch (e) {

                     // Something went wrong
                     alert("Your browser broke!");
                     return false;
                  }
               }
            }
         }
         //-->
      </script>
      
      <form name = 'myForm'>
         Name: <input type = 'text' name = 'username' /> <br />
         Time: <input type = 'text' name = 'time' />
      </form>
      
   </body>
</html>

Pada kode JavaScript di atas, kami mencoba tiga kali untuk membuat objek XMLHttpRequest kami. Upaya pertama kami -

ajaxRequest = XMLHttpRequest () baru;

Ini untuk browser Opera 8.0+, Firefox, dan Safari. Jika gagal, kami mencoba dua kali lagi untuk membuat objek yang benar untuk browser Internet Explorer dengan -

ajaxRequest = ActiveXObject baru ("Msxml2.XMLHTTP");
ajaxRequest = ActiveXObject baru ("Microsoft.XMLHTTP");

Jika tidak berhasil, maka kita dapat menggunakan browser yang sangat usang yang tidak mendukung XMLHttpRequest, yang juga berarti tidak mendukung AJAX.

Kemungkinan besar, variabel ajaxRequest kami sekarang akan disetel ke standar XMLHttpRequest apa pun yang digunakan browser dan kami dapat mulai mengirim data ke server. Alur kerja AJAX langkah-bijaksana dijelaskan di bab berikutnya.