Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. News
Code

Как создать запрос AJAX с помощью 

by
Length:ShortLanguages:

Russian (Pусский) translation by Katharina Nevolina (you can also view the original English article)

Фреймворки Javascript превращают простые AJAX функции в однострочные. Это невероятно, учитывая тот факт, что потребуется более двадцати строк, чтобы выполнить то же самое, используя чистый Javascript. Тем не менее важно узнать, что находится «под капотом».


Демо-ролик

Get Request

Итоговый код

Это относительно простой скрипт, который позволит вам асинхронно запросить страницы, используя функцию "load(URL, CALLBACK)" .

Object Properties

Несколько примечаний для размышления, пока вы смотрите.

onreadystatechange сработает пять раз, когда указанная страница запрашивается.

  • 0: uninitialized
  • 1: loading
  • 2: loaded
  • 3: interactive
  • 4: complete

Значение «4» является тем, что мы ищем. Когда это будет достигнуто, мы узнаем, что сможем свободно выполнить действие с полученными данными.

XMLHttpRequest и ActiveXObject

Современные браузеры используют объект «XMLHttpRequest» для выполнения асинхронных запросов. Это значит, что если вы захотите проигнорировать IE6, вы можете удалить проверку ActiveXObject в этом разделе.

Вместо этого, можно просто написать "var xhr = new XMLHttpRequest();". Будьте осторожны, используя этот метод. Единожды выделив его в отдельную функцию "load",  легко оставить проверку IE, так, как есть.

Уходим из глобального пространства

Если вы отправляете множественные запросы, то вы можете переместить ваш код в отдельный объект.  Затем вместо прямого вызова функции "load", вы можете использовать "myObject.load();". Основная рекомендация для выполнения этой задачи будет:

Заключение

Я не сомневаюсь, что некоторые из вас оставят комментарий,примерно следующего содержания, "Почему я должен это делать, когда это может быть выполнено с помощью всего одной строки на jQuery?" Ответ заключается в том, что вам нужно узнать, что находится под капотом вашего автомобиля, так сказать. Фреймворки такие как Mootools и jQuery делают Javascript невероятно понятными для дизайнеров. Если вы относитесь к этой категории, я настоятельно рекомендую, подобрать книгу о чистом Javascript . На мой взгляд, нет ничего плохого в изучении двух техник одновременно. Будьте уверены, что вы изучите обе!


Это напоминает работу с WordPress, если вы не знаете PHP. Конечно, это возможно - но вы действительно этого хотите?

Надеюсь, это заставит вас встать и пойти вперед! Мне бы очень хотелось услышать ваши мысли! Хороших выходных. Увидимся на понедельник или в  Twitter!

  • Подписывайтесь на RSS-канал NETTUTS, чтобы получить больше ежедневных статей и руководств по веб-разработке.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.