DeeDi - трезвые записки

load(url, [data], [func])

Загружает HTML из удаленного файла и встраивает его в DOM.
url - ссылка на HTML документ.
data (опционально) - пары ключ/значение, которые будут отправлены на сервер. Начиная с jQuery 1.3 может также передаваться строка данных, в этом случае запрос будет типа GET. В иных случаях - как POST.
func (опционально) - функция, которая исполняется всякий раз после завершения запроса AJAX (необязательно успешного).

Пример. Отправляем какие-либо данные из формы на сервер, дополнительно передаем POST-параметр, в ответ подгрузится некий HTML-код и по завершении функция напишет "Готово":

Если отправить цифру один, в ответ придет "Привет", иначе "Пока"

//jQuery$("#example_j button").click(function(){
aaa = $("#example_j input").val();
$("#example_j p").load("ajax/load/load.php",{a_post: aaa},function(){$("#example_j span").text("Готово")}
)
});
//HTML/CSS<style>
#example_j{border:solid 1px #999; margin:5px; padding:10px}
</style>
<div id="example_j">
<input value="" /><button>Загрузить</button> <span>Если отправить цифру один, в ответ придет "Привет", иначе "Пока"</span>
<p></p>
</div>

А вот и код серверной части load.php

<?php if ($_POST["a_post"] == 1) echo "<strong>Привет</strong>";
else echo "<strong>Пока</strong>";
?>

Боковой текст: