什么是Ajax的瀏覽器支持

這篇文章運(yùn)用簡單易懂的例子給大家介紹什么是Ajax的瀏覽器支持，代碼非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

站在用戶的角度思考問題，與客戶深入溝通，找到淮上網(wǎng)站設(shè)計與淮上網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設(shè)計、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋淮上地區(qū)。

首先我們要知道Ajax的關(guān)鍵在于XMLHttpRequest 對象，它可以用于在后臺與服務(wù)器交換數(shù)據(jù)，Ajax可有通過它在瀏覽器中獲取后臺數(shù)據(jù)。

但不同的瀏覽器創(chuàng)建 XMLHttpRequest 對象的方法是有差異的。比如：

IE 瀏覽器使用 ActiveXObject來創(chuàng)建，而其他的瀏覽器使用名為 XMLHttpRequest 的 JavaScript 內(nèi)建對象來創(chuàng)建。

這也就導(dǎo)致瀏覽器對于Ajax的支持是不一樣的，不是所有的瀏覽器都支持Ajax。下面我們來看看支持AJAX的主要瀏覽器列表：

1、Mozilla Firefox 1.0及以上版本。

2、Netscape 7.1及以上版本。

3、Apple Safari 1.2及以上版本。

4、Microsoft Internet Explorer 5及更高版本。

5、Konqueror。

6、Opera 7.6及以上版本。

如需針對不同的瀏覽器來創(chuàng)建此對象，我們需要編寫一段特定代碼。下面我們就來看看創(chuàng)建XMLHttpRequest 對象的兼容性寫法：

這里我們需要在JavaScript中使用到try ... catch語句，對于try ... catch語句的不熟悉的，可以參考之前的文章【js的try ... catch語句是什么？怎么使用？】！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script language = "javascript" type = "text/javascript">
         //瀏覽器支持代碼
         function ajaxFunction() {
            var ajaxRequest;  // 聲明一個ajaxRequest變量，用來保存XMLHttpRequest 對象

            try {
               // 兼容：Opera 8.0+, Firefox, Safari 
               ajaxRequest = new XMLHttpRequest(); //創(chuàng)建XMLHttpRequest 對象
            } catch (e) {

               // 兼容：Internet Explorer 瀏覽器
               try {
                  ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
               } catch (e) {
                  
                  try {
                     ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                  } catch (e) {

                     // 出了問題時
                     alert("您的瀏覽器不支持Ajax！");
                     return false;
                  }
               }
            }
         }
      </script>
	</head>
	<body>
		<form name = 'myForm'>
	       姓名: <input type = 'text' name = 'username' /> <br />
	       時間: <input type = 'text' name = 'time' />
        </form>
	</body>
</html>

在上面的JavaScript代碼中，我們嘗試創(chuàng)建XMLHttpRequest對象三次。

我們的第一次嘗試：

// 兼容：Opera 8.0+, Firefox, Safari 
ajaxRequest = new XMLHttpRequest（）;

這條語句適用于Opera 8.0 +，F(xiàn)irefox和Safari瀏覽器。如果失敗，我們還可以在 Internet Explorer瀏覽器上嘗試兩次制作正確的對象：

我們的第二、三次嘗試：兼容Internet Explorer 瀏覽器

//第二次嘗試：
// 兼容：Internet Explorer 6.0+
ajaxRequest = new ActiveXObject（“Msxml2.XMLHTTP”）;

//第三次嘗試：
// 兼容：Internet Explorer 5.5+
ajaxRequest = new ActiveXObject（“Microsoft.XMLHTTP”）;

假如這三種方法都不起作用，那么這個用戶所使用的瀏覽器已經(jīng)太過時了，他或她會看到一個聲明此瀏覽器不支持 AJAX 的提示。

說明：

上面這些瀏覽器定制的代碼很長，也很復(fù)雜。不過，如果想要創(chuàng)建 XMLHttpRequest 對象，這些代碼就能派上用場，因此可以在任何需要使用的時間拷貝粘貼這些代碼。上面這些代碼兼容所有的主流瀏覽器：Internet Explorer、Opera、Firefox 以及 Safari等。

關(guān)于什么是Ajax的瀏覽器支持就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

當(dāng)前題目：什么是Ajax的瀏覽器支持
文章來源：http://muchs.cn/article32/iehcsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、標(biāo)簽優(yōu)化、網(wǎng)站維護(hù)、外貿(mào)建站、網(wǎng)站制作、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容