AJAX позволяет отправить и получить данные без перезагрузки страницы. Например, делать проверку форм, подгружать контент и т.д. А функции JQuery значительно упрощают работу.
Полное описание функции AJAX на jquery.com.
GET запрос
Запрос идет на index.php с параметром « text » и значением « Текст » через метод GET.
По сути это то же самое что перейти в браузере по адресу – http://site.com/index.php?text=Текст
В результате запроса index.php вернет строку «Данные приняты – Текст», которая будет выведена в сообщении alert.
Код можно сократить используя функцию $.get
Код файла index.php
GET запросы могут кэшироваться браузером или сервером, чтобы этого избежать нужно добавить в функцию параметр – cache: false .
POST запросы
Или сокращенная версия – функция $.post
Код файла index.php
POST запросы ни когда не кэшироваться.
Отправка формы через AJAX
При отправке формы применяется функция serialize() , подробнее на jquery.com.
Она обходит форму и собирает названия и заполненные пользователем значения полей и возвращает в виде массива –
I want to post these variables via AJAX:
With this script:
On the click event, there is no alert. Am I using the right data in $.ajax? Thanks in advance.
5 Answers 5
I would strongly recommend allowing jQuery to worry about properly encoding the string:
Note that I’m passing data into $.ajax as an object, not as a string. jQuery will correctly encode it for you. See the docs for details.
If you really, really want to do the encoding yourself, you have to do it explicitly:
Also note that I’m alerting msg , not data , as that’s what you’ve called the response argument to success .
AJAX – группа технологий, которая используется в веб разработке для создания интерактивных приложений. AJAX позволяет передавать данные с сервера без перезагрузки страницы. Таким образом можно получать очень впечатляющие результаты. А библиотека jQuery существенно облегчает реализацию AJAX с помощью встроенных методов.
Для реализации технологии используется метод $.ajax или jQuery.ajax:
$.ajax(свойства) или $.ajax(url [, свойства])
Второй параметр был добавлен в версии 1.5 jQuery.
url – адрес запрашиваемой страницы;
properties – свойства запроса.
Полный список параметров приведен в документации jQuery.
В уроке мы используем несколько наиболее часто используемых параметров.
success (функция) – данная функция вызывается после успешного завершения запроса. Функция получает от 1 до 3 параметров (в зависимости от используемой версии библиотеки). Но первый параметр всегда содержит возвращаемые с сервера данные.
data (объект/строка) – пользовательские данные, которые передаются на запрашиваемую страницу.
dataType (строка) – возможные значения: xml, json, script или html. Описание типа данных, которые ожидаются в ответе сервера.
type (строка) – тип запроса. Возможные значения: GET или POST. По умолчанию: GET.
url (строка) – адрес URL для запроса.
Русский
English