Створення форми
В якості прикладу Jquery, Ajax створимо форму. Для цього створюємо div з класом form і додаємо в нього input типу “text” і атрибут name зі значенням “name”. Потім додаємо ще один input, з типом “text” і ім’ям “address”. Кожному з input присвоюємо ідентифікатор. В якості ідентифікатора можна використовувати значення атрибутів name. Додаємо підказку для обох input з пропозицією користувачеві ввести ім’я та адресу. За бажанням можна додати ще один рядок для віку. Тепер залишилося зробити кнопку для відправки форми. Всередині тега button пишемо слово “відправити” і додаємо ідентифікатор btn. Додаємо роздільники – теги br – на кожну рядок і перевіряємо, що вийшло.
Можна додати зовнішні відступи, записавши їх в тезі стилів, але це необов’язково. Поки форма не працює. Для її функціонування до кнопки потрібно прив’язати подія, так як дані будуть відправлятися саме при її натисканні. Для цього вибираємо кнопку по селектору і вводимо подія “click”: $(‘#btn’).on(‘click’). Тепер виконається при кліку ця функція. Ми використовуємо метод on, який підписує певну функцію на подію click за якогось елементу. Тобто, коли на кнопку будуть кликати, вона буде спрацьовувати. Перевіряємо, що все працює за допомогою виводу на консоль. Методів надсилання запиту у Jquery, Ajax не так багато. Можна використовувати get, post або просто Ajax. Так як ці дані можуть щось змінювати, ми будемо використовувати метод Jquery, Ajax post.
