jQuery. Ajax. Типичные примеры вызова $.ajax.


Без 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-массив, не требующий никаких дополнительных манипуляций.

В примере данные с этого массива просто выводятся в блок.

,

Добавить комментарий

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