Пример 1
Простая передача текста.
1 |
$.ajax({ |
|
2 |
url: 'response.php?action=sample1', |
|
3 |
success: function(data) { |
|
4 |
$('.results').html(data); |
|
5 |
} |
6 |
}); |
Для ответа имеется элемент div .result.
1 |
<div class="results">Ждем ответа</div> |
Сервер просто возвращает строку:
1 |
echo 'Пример 1 - передача завершилась успешно'; |
Пример 2
Передаем пользовательские данные PHP скрипту.
1 |
$.ajax({ |
|
2 |
type: 'POST', |
|
3 |
url: 'response.php?action=sample2', |
|
4 |
data: 'name=Andrew&nickname=Aramis', |
|
5 |
success: function(data){ |
|
6 |
$('.results').html(data); |
|
7 |
} |
8 |
}); |
Сервер возвращает строку со вставленными в нее переданными данными:
echo 'Пример 2 - передача завершилась успешно. Параметры: name = ' . $_POST['name'] . ', nickname= ' . $_POST['nickname'];
Пример 3
Передача и выполнение кода JavaScript
1 |
$.ajax({ |
|
2 |
dataType: 'script', |
|
3 |
url: 'response.php?action=sample3', |
|
4 |
}) |
|
Сервер выполняет код:
1 |
echo "$('.results').html('Пример 3 - Выполнение JavaScript');"; |
Пример 4
Используем XML. Пример можно использовать для работы с внешними XML, например, RSS фидом.
01 |
$.ajax({ |
|
02 |
dataType: 'xml', |
|
03 |
url: 'response.php?action=sample4', |
|
04 |
success: function(xmldata){ |
|
05 |
$('.results').html(''); |
|
06 |
$(xmldata).find('item').each(function(){ |
|
07 |
$(' |
|
08 |
<li></li> |
|
09 |
|
|
10 |
').html( $(this).text() ).appendTo('.results'); |
|
11 |
}); |
|
12 |
} |
|
13 |
}); |
Сервер должен возвращать XML код:
01 |
header ('Content-Type: application/xml; charset=UTF-8'); |
|
02 |
|
|
03 |
echo <<<XML |
|
04 |
<?xml version='1.0' standalone='yes'?> |
|
05 |
<items> |
|
06 |
<item>Пункт 1</item> |
|
07 |
<item>Пункт 2</item> |
08 |
<item>Пункт 3</item> |
09 |
<item>Пункт 4</item> |
10 |
<item>Пункт 5</item> |
11 |
</items> |
|
12 |
XML; |
|