Eine kurze Diskussion zur Browserunterstützung für Ajax-js-Tutorial-php.cn

Eine kurze Diskussion zur Browserunterstützung für Ajax

青灯夜游

Freigeben： 2018-11-08 16:46:20

Original

2760 Leute haben es durchsucht

Der Inhalt dieses Artikels besteht darin, kurz auf die Browserunterstützung von Ajax einzugehen, damit jeder die Kompatibilitätsschreibmethode zum Erstellen eines XMLHttpRequest-Objekts verstehen kann. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Zunächst müssen wir wissen, dass der Schlüssel zu Ajax das XMLHttpRequest-Objekt ist, mit dem im Hintergrund Daten mit dem Server ausgetauscht werden können. Ajax kann darüber Hintergrunddaten im Browser abrufen. [Empfohlene verwandte Video-Tutorials: Ajax-Tutorial]

Aber verschiedene Browser haben unterschiedliche Methoden zum Erstellen von XMLHttpRequest-Objekten. Beispiel:

Der IE-Browser verwendet zum Erstellen ActiveXObject, während andere Browser zum Erstellen das integrierte JavaScript-Objekt XMLHttpRequest verwenden.

Dies führt auch zu einer unterschiedlichen Browserunterstützung für Ajax. Nicht alle Browser unterstützen Ajax. Werfen wir einen Blick auf die Liste der wichtigsten Browser, die AJAX unterstützen:

1. Mozilla Firefox 1.0 und höher.

2. Netscape 7.1 und höher.

3. Apple Safari 1.2 und höher.

4. Microsoft Internet Explorer 5 und höher.

5. Konqueror.

6. Opera 7.6 und höher.

Um dieses Objekt für verschiedene Browser zu erstellen, müssen wir einen bestimmten Code schreiben. Werfen wir einen Blick auf die Kompatibilitätsschreibmethode zum Erstellen eines XMLHttpRequest-Objekts:

Hier müssen wir die try...catch-Anweisung in JavaScript verwenden. Wenn Sie mit der try...catch-Anweisung nicht vertraut sind, Sie können auf den vorherigen Artikel verweisen [Was ist die try...catch-Anweisung in js? Wie benutzt man? 】!

<!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(); //创建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 = &#39;myForm&#39;>
	       姓名: <input type = &#39;text&#39; name = &#39;username&#39; /> <br />
	       时间: <input type = &#39;text&#39; name = &#39;time&#39; />
        </form>
	</body>
</html>

Nach dem Login kopieren

Im obigen JavaScript-Code versuchen wir dreimal, das XMLHttpRequest-Objekt zu erstellen.

Unser erster Versuch:

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

Nach dem Login kopieren

Diese Aussage funktioniert auf den Browsern Opera 8.0+, Firefox und Safari. Wenn das fehlschlägt, können wir auch zweimal versuchen, das richtige Objekt im Internet Explorer-Browser zu erstellen:

Unser zweiter und dritter Versuch: Kompatibel mit Internet Explorer-Browsern

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

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

Nach dem Login kopieren

If If none Wenn eine dieser drei Methoden funktioniert, ist der Browser des Benutzers veraltet und ihm wird eine Meldung angezeigt, dass der Browser AJAX nicht unterstützt.

Hinweis:

Die Codes zum Anpassen der oben genannten Browser sind sehr lang und komplex. Dieser Code ist jedoch praktisch, wenn Sie ein XMLHttpRequest-Objekt erstellen möchten, sodass Sie diesen Code jederzeit kopieren und einfügen können. Die oben genannten Codes sind mit allen gängigen Browsern kompatibel: Internet Explorer, Opera, Firefox, Safari usw.

Zusammenfassung: Das Obige ist der gesamte in diesem Artikel vorgestellte Inhalt. Ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion zur Browserunterstützung für Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!