Кратка образователна програма AJAX в HTTP заявки без опресняване на страницата - DataLife Engine (DLE)

Раздели на сайта

Информация

Разрешение на сайта

регистрация в сайта

AJAX: кратка образователна програма в HTTP заявки без опресняване на страницата

с този пост отваряме официалния блог на CMS DataLife Engine. В часовете, свободни от работата по новата версия на любимата ви CMS, ще публикуваме тук материали за индустрията за уеб разработка, добри и лоши тенденции, ръководства, ръководства и лайфхакове за DLE и Бог знае какво още

В първата ни публикация бихме искали да говорим за страхотна технология като AJAX. Вероятно сте забелязали тази дума в нашата „кутия“? Нека да разберем какво е и защо е необходимо.

Какъв беше Интернет през вече далечните 90-те? Набор от статични HTML страници. Целта на уебсайта беше просто да информира посетителя, без никаква комуникация.

програма

Постепенно сайтовете стават все по-интерактивни. Появиха се формуляри и потребителските данни започнаха да се обработват от най-простите CGI скриптове.

Ако за вас думата „HTTP протокол“ е забулена в тъмнината на мистиката, тогава ние бързаме да я разсеем възможно най-скоро. HTTP е просто набор от текстова информация, форматирана според определени правила.

Частта от HTTP заявката, която следва до две прекъсвания на редове "\ n \ n", се нарича заглавка на заявката, а тази след нея се нарича тяло.

Потребителските данни в HTTP заявка се предават по два начина:

  • в заглавката на заявката (метод GET)
  • в тялото на заявката, тоест след две прекъсвания на редове \ n \ n (метод POST)

Предаването на потребителски данни с помощта на метода GET в заглавката изглежда така:

В този пример браузърът казва на сървъра, че потребителят се казва Иван. Най-вероятно тези данни са въведени от формуляра. Подобна заявка се генерира от вашия браузър всеки път, когато щракнете върху бутона за изпращане във формуляра.

Както виждаме, разликата между GET и POST не е толкова голяма. „Content-length“ е добавен към вече известните заглавки, указващ размера на данните, изпратени в тялото на заявката в байтове.

Импулсът за развитието на интерактивността на Интернет беше появата в средата на 90-те години на елегантния език PHP, на плещите на който беше поверена отговорността за обработка на потребителски данни и генериране на HTML страници. Взаимодействието между потребителя и сайта е изградено по схемата:

  • Потребителят въвежда данни във формуляра
  • Браузърът изпраща HTTP заявка
  • Сървърът прехвърля PHP данни
  • PHP обработва данните, генерира актуализирана страница и ги прехвърля на сървъра
  • Сървърът изпраща страницата на браузъра в HTTP отговор
  • Браузърът обработва получената информация и показва актуализираната страница на потребителя

Много сайтове са работили (и продължават да работят) според тази схема. Както може би сте забелязали, всеки етап от взаимодействието на потребителя със сайта неизбежно се случва тук с презареждане на страница.

За нуждите на Интернет в ерата „Web 1“ всичко това беше достатъчно. Интернет обаче се е развил. И колкото повече хора стигаха до нея, колкото повече общности и услуги имаше, толкова повече потребители на интерактивност изискват.