Ajax에 대한 브라우저 지원에 대한 간략한 토론-JS 튜토리얼-php.cn

Ajax에 대한 브라우저 지원에 대한 간략한 토론

青灯夜游

풀어 주다： 2018-11-08 16:46:20

원래의

2759명이 탐색했습니다.

이 글의 내용은 XMLHttpRequest 객체를 생성하는 호환성 작성 방법을 누구나 이해할 수 있도록 Ajax의 브라우저 지원에 대해 간략하게 설명하는 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

우선, Ajax의 핵심은 XMLHttpRequest 객체라는 점을 알아야 합니다. 이를 통해 백그라운드에서 서버와 데이터를 교환하는 데 사용할 수 있습니다. Ajax는 이를 통해 브라우저에서 배경 데이터를 얻을 수 있습니다. [추천 관련 비디오 튜토리얼: Ajax Tutorial]

하지만 브라우저마다 XMLHttpRequest 객체를 생성하는 방법이 다릅니다. 예:

IE 브라우저는 ActiveXObject를 사용하여 생성하는 반면 다른 브라우저는 XMLHttpRequest라는 JavaScript 내장 개체를 사용하여 생성합니다.

이로 인해 Ajax에 대한 다양한 브라우저 지원이 발생합니다. 모든 브라우저가 Ajax를 지원하는 것은 아닙니다. AJAX를 지원하는 주요 브라우저 목록을 살펴보겠습니다:

1, Mozilla Firefox 1.0 이상.

2. 넷스케이프 7.1 이상.

3. 애플 사파리 1.2 이상.

4. Microsoft Internet Explorer 5 이상.

5. 정복자.

6, Opera 7.6 이상.

다양한 브라우저에 대해 이 개체를 생성하려면 특정 코드를 작성해야 합니다. 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(); //创建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>

로그인 후 복사

위 JavaScript 코드에서는 XMLHttpRequest 객체를 세 번 생성하려고 시도합니다.

첫 번째 시도:

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

로그인 후 복사

이 설명은 Opera 8.0+, Firefox 및 Safari 브라우저에서 작동합니다. 실패하면 Internet Explorer 브라우저에서 올바른 객체를 만들기 위해 두 번 시도할 수도 있습니다.

두 번째 및 세 번째 시도: Internet Explorer 브라우저와 호환 가능

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

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

로그인 후 복사

이 세 가지 방법 중 어느 것도 작동하지 않으면 사용자는 다음을 사용하고 있는 것입니다. 오래된 브라우저인 경우 해당 브라우저가 AJAX를 지원하지 않는다는 메시지가 표시됩니다.

참고:

위 브라우저를 사용자 정의하는 코드는 매우 길고 복잡합니다. 그러나 이 코드는 XMLHttpRequest 개체를 생성하려는 경우 유용하므로 필요할 때마다 이 코드를 복사하여 붙여넣을 수 있습니다. 위 코드는 Internet Explorer, Opera, Firefox, Safari 등 모든 주요 브라우저와 호환됩니다.

요약: 위 내용은 이 글에 소개된 내용의 전부이며, 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 Ajax에 대한 브라우저 지원에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!