Використання jquery і php для створення web-сторінок на базі ajax

Більшість РНР-розробників освоювали цю мову по-старому, почавши з визначення і побудови простих РНР-сторінок та їх сполуки з простими ж таблицями MySQL. Надалі, набуваючи різноманітного досвіду, вони вчилися створювати на РНР все більш складну функціональність, об'єднувати таблиці в MySQL і вирішувати інші складні завдання.

Часто використовувані абревіатури

  • CSS: Cascading Style Sheet
  • HTML: Hypertext Markup Language
  • XHTML: Extensible Hypertext Markup Language
  • XML: Extensible Markup Language

Для деяких Ajax досі залишається таємницею за сімома печатками. У них не знаходиться часу, терпіння або знань, щоб як слід опанувати ім. Шкода, тому що багатьом клієнтам подобається функціональність в стилі Ajax, яка спрощує роботу з Web-додатками. Прочитавши цю статтю, ви дізнаєтеся досить, щоб стати справжнім профі по Ajax.

Що таке Ajax?

Кращий спосіб описати Ajax - це порівняти його з тим, що вам вже знайомо. Більшість Web-сторінок і додатків працює в синхронному режимі. Ви натискаєте на посилання або кнопку Submit пошукової форми, і запит передається на сервер, який обробляє його і повертає відповідь. Цю модель найточніше назвати так: «натиснув, почекав, побачив». Цей нескінченний цикл поновлення-повторення всім добре відомий. Іншими словами, щоб відображати на сторінці постійно оновлювану інформацію, потрібно або ввести якийсь механізм автоматичного оновлення, або запропонувати користувачеві натискати на посилання.

З Ajax все не так. Перша A в слові Ajax означає асинхронний. Ajax дозволяє створювати сторінки на будь-якій мові програмування, а потім наповнювати різні частини цих сторінок інформацією з бази даних або будь-якого іншого централізованого процесу на сервері. Наприклад, у вас є сайт електронної комерції, де демонструються продаються продукти. На сторінці кожного продукту є звичайні елементи: заголовки, опис, фотографія, кількість товару на складі.

Припустимо, потрібно тримати відвідувачів в курсі того, скільки одиниць товару залишилося на складі. Можна додати функцію Ajax, яка буде запускати окрему РНР-сторінку із запитом MySQL, а потім передавати цю інформацію на первинну сторінку без будь-яких дій з боку користувача і без всякої синхронної послідовності подій типу натиснув-почекав-побачив.

А як щодо двох останніх букв в назві: а і x. Вони означають and XML, хоча XML-частина насправді використовується не завжди. Багато Ajax-додатки добре працюють і без XML-коду: вони передають просто HTML або навіть звичайний текст. Можливо, точніше було б розшифровувати x як XMLHttpRequest. так як цей об'єкт використовується для отримання даних у фоновому режимі, тобто без перешкод для відображення або поведінки існуючої сторінки.

Що таке jQuery?

Завантаживши jQuery, можна додати його до будь-якого файлу HTML або РНР, включивши простий тег