Ajax с точки зрения jquery

Jquery – одна из популярных Javascript библиотек. Она достаточно хорошо ориентирована для разработки ajax-приложений. При этом код получается очень компактным.
Я рассмотрю 3 подхода из множества возможных:
1. Стандартный, через $.post и $.get
2. Загрузка данных в элемент через $.load
3. Подгрузка скрипта с сервера с помощью getScript.

1. Стандартный, через $.post и $.get

Функции $.post и $.get посылают необходимые параметры и возвращают данные в скрипт. Имеют синтаксис

где url – ссылка на скрипт, params – массив параметров, callback – функция, которая вызывается в случае успешного выполнения запроса и получает в качестве параметра данные, которые получены с сервера.
Пример
html-страница. В область area мы будем записывать данные, полученные со скрипта.

javascipt-файл. Функция onSuccess вызывается когда данные приходят со скрипта и записываются в область area.

php-файл. Скрипт возвращает произведение параметров.

2. Загрузка данных в элемент через $.load

Данные в предыдущем примере можно было подгрузить в одну строчку с помощью функции:

где url – скрипт, откуда брать данные, а callback – функция, которая будет вызываться в случае успешного выполнения запроса.

Функция вызывается так:

3. Подгрузка скрипта с сервера с помощью getScript.

И последний способ – подгрузка и выполение файла с javascript. Это делается с помощью функции:

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *