پشتیبانی مرورگر ها از Ajax – آموزش Ajax

پنجشنبه ۱۸ مرداد ۱۳۹۷
بازدید ۱,۶۴۶ نفر
AmRo
(19 امتیاز از 4 رای)
Loading...

تصویر ajax-browser-support_3075 پشتیبانی مرورگر ها از Ajax - آموزش Ajax

پشتیبانی مرورگر ها از Ajax

تمام مرورگرهای موجود نمی توانند از تکنولوژی AJAX پشتیبانی کنند. در اینجا لیستی از مرورگرهای اصلی که از AJAX پشتیبانی می کنند را مشاهده می کنید.

Mozila Firefox نسخه 0 و بالاتر
Netscape نسخه 1 و بالاتر
Apple Safari نسخه 2 و بالاتر
Internet Explorer نسخه 5 و بالاتر
Opera نسخه 6 و بالاتر
Google Chrome

از این به بعد، زمانی که در برنامه های خود از AJAX استفاده می کنید، پشتیبانی مرورگرها را نیز در نظر بگیرید.

نکته! هنگامی که می گوییم مرورگر فلان از تکنولوژی AJAX پشتیبانی نمی کند، منظورمان این است که مرورگر از ایجاد شیء XMLHttpRequest پشتیبانی نمی کند.

نوشتن کد مخصوص مرورگر

ساده ترین راه برای این که کدهای خود را با یک مرورگر سازگار کنید، استفاده از try…catch می باشد. به مثال زیر دقت کنید:

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

<html>

<body>

<!--

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

Name: <input type = 'text' name = 'username' /> <br />

Time: <input type = 'text' name = 'time' />

</form>

</body>

</html>

در کد بالا، سه بار تلاش می شود تا از شی XMLHttpRequest نمونه سازی شود.

اولین تلاش

ajaxRequest = new XMLHttpRequest();

1	ajaxRequest = new XMLHttpRequest();

این نمونه سازی برای Opera، Mozila Firefox و Apple Safari می باشد و اگر شکست بخورد، دو بار دیگر تلاش می کنیم تا شیء برای مرورگر Internet Explorer ایجاد کنیم.

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

1 2	ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");

به احتمال زیاد اگر کد بالا را تست کنید، نمونه سازی از XMLHttpRequest به درستی انجام می شود و می توانید به ارسال و دریافت اطلاعات بپردازید. در بخش های بعدی نحوه استفاده از AJAX را توضیح خواهیم داد.

ایجکس - نحوه کار ایجکس - تکنولوژی ها