аватар Автор: Сергей Касаткин | 15 июня 2013 11:00

Уроки / Ajax /

Создаём объект XMLHttpRequest

Вот мы подошли к самой функции создания объекта XMLHttpRequest. Сразу хочу сказать - абсолютно все популярные браузеры (IE7+, Firefox, Chrome, Safari и Opera) имеют встроенный объект XMLHttpRequest. Рассмотрим синтаксис:

Код JS

название_переменной = new XMLHttpRequest();

Однако дальше не всё так просто. Для старых браузеров, например, Internet Explorer (IE5 и IE6) используют ActiveX Object:

название_переменной = new ActiveXObject("Microsoft.XMLHTTP");

И не стоит игнорировать данное написание для старых версий IE, так как ещё есть пользователи, которые до сих пор пользуются Windows XP.


Код кроссбраузерного объекта XMLHttpRequest


Вот так выглядит создание кроссбраузерного объекта XMLHTTP:

Код JS (Ajax)

<script type="text/javascript">
  function getXmlHttp() {
    var xmlhttp;
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
  }
</script>

Вначале пробуем создать объект в случае старых браузеров, затем для большинства современных. Объект готов. Теперь переходим к следующему уроку, чтобы посмотреть как с использованием XMLHttpRequest передаются данные!

Спасибо за внимание!
 



Похожие статьи


Комментарии к статье (vk.com)