Jquery, Ajax: використання і функції

Отримання значень полів форми

На такий крок нам потрібно отримати значення всіх полів форми. В Jquery, Ajax є два варіанти, як це зробити. Можна використовувати функцію чи обійтися без неї. Для першого варіанту пишемо такий код: var name = $(‘#name’). Потім додаємо аналогічні рядка адреси і віку. Ми отримали посилання на елементи, а не самі значення. Тепер використовуємо метод Jquery, Ajax post. Для цього пишемо: $.post(). Тепер метод потрібно налаштувати. Він приймає url-адресу, куди буде відправлятися форма. Для цього будемо використовувати валідатор. Для цього в дужках пишемо ‘/validator.php’.

Додаємо ще один параметр – самі дані: var data = ‘name=’+name.val() + ‘&address=’ + address.val() + ‘&age=’ + age.val(). Тепер у нас є дані, отримані методом Jquery, Ajax. Залишається лише додати callback функцію, яка буде викликана, коли прийде відповідь від сервера. У неї потрібно прописати наступні параметри: дані сервера, опис статусу і того, чи був виконаний запит. Виводимо на консоль параметр data, щоб перевірити, що все працює. Також важливо враховувати, що Ajax-запит завжди робиться в юнікод, тому кодування документа повинна бути utf-8. Якщо сайт і сервер в інший кодуванні, а Ajax виконується у форматі юнікод, то сервер поверне ієрогліфи, і рядок доведеться перекодувати. Для того щоб уникнути цього, бажано все робити в utf-8.