Без ajax нынче никуда — поэтому для малоопытных разработчиков приведу несколько примеров типичных вызовов функции $.ajax. Для решения большинства задач этих примеров будет с лихвой достаточно.
Итак:
Простое обращение к URL и передача параметра в строке запроса.
$.ajax({
url: 'remote.php?act=add',
success: function(data) {
$('#somediv').html(data);
}
});
Данный пример обратится к файлу remote.php c GET-параметром act равным add и запишет ответ сервера в элемент, id которого somediv.
Обращение методом POST и передача параметров:
$.ajax({
type: 'POST',
url: 'remote.php?act=add',
data: 'name=Valery&nickname=Onfor',
success: function(data){
$('#somediv').html(data);
}
});
Этот пример обращается к тому же файлу, что и первый, но уже методом POST, передавая при этом две POST-переменные — name и nickname. Результат работы php-скрипта по-прежнему запишется в #somediv.
Обращаемся к серверу и получаем ответ в формате JSON.
$.ajax({
dataType: 'json',
url: 'remote.php?act=add',
success: function(jsondata){
$('#somediv').html('Name = ' + jsondata.name + ', Nickname = ' + jsondata.nickname);
}
});
Этот пример интереснее. Мы обращаемся к скрипту и указываем в параметре dataType тип данных, который ждем в ответ — в данном случае JSON. Удаленный файл отдает данные в строковом виде, при этом jquery, получая строку и имея указание ожидаемого формата автоматически выполняет функцию $.parseJSON. Таким образом в success-callback мы уже имеем готовый к работе JSON-массив, не требующий никаких дополнительных манипуляций.
В примере данные с этого массива просто выводятся в блок.