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

$.ajax(options)

Загружает удаленную страницу используя HTTP запрос.
option - опции, набор пар ключ/значение для конфигурирования запроса AJAX. Все опции необязательны.
Опции:
async - логический тип, по умолчанию true, т.е все запросы отсылаются асинхронно. В случае false - отправка осуществляется синхронно, синхронные запросы могут на время выполнения запроса заблокировать браузер.
beforeSend - может содержать функцию, которая должна быть вызвана до передачи запроса. Функция Ajax Event.
cache - логический тип, по умолчанию true. Если установить в false, запрашиваемая страница не будет кэшироваться браузером.
complete - функция, которая исполняется после завершения запроса AJAX. Функция Ajax Event.
contentType - при передаче данных серверу сообщает content-type. По умолчанию - application/x-www-form-urlencoded.
data - данные, которые передаются на сервер. Если данные не являются строкой, то они конвертируются в строку запроса. Для запросов типа GET данные прикрепляются к URL. Объект должен состоять из пар ключ/значение. Если в значении массив, то jQuery упорядочивает значения, принадлежащие одному ключу, например, {foo:["bar1", "bar2"]} превращается в &foo=bar1&foo=bar2.
dataType - тип данных, ожидаемых от сервера. Если опция не определена, то jQuery попытается определить тип, основываясь на MIME-типе ответа сервера. Доступные типы - xml, html, script, text, json (расценивает ответ как данные в формате JSON и возвращает JavaScript объект), jsonp (загружает данные в формате JSON используя JSONP, необходимо дополнительно добавить "?callback=?" в конец строки запроса в URL, чтобы определить вызов).
error - функция, исполняемая в случае неудачного запроса.
global - логический тип, по умолчанию true. Вызывать или нет глобальные обработчики событий Ajax для этого запроса (например ajaxStart или ajaxStop).
ifModified - логический тип, по умолчанию false, запрос будет успешным только в случае, если данные ответа изменились со времени последнего запроса.
username - имя пользователя, которое будет использовано для HTTP запроса авторизации.
password - пароль, который будет использован для HTTP запроса авторизации.
processData - логический тип, по умолчанию true. В опции data данные представлены в виде объекта, который преобразуется в строку запроса, подходящую для content-type по умолчанию - "application/x-www-form-urlencoded". Если требуется дугое, нужно установить processData в false.
success - функция, которая будет вызвана в случае успешного завершения запроса
timeout - устанавливает локальное время ожидания для запроса.
type - тип запроса - OST либо GET. По умолчанию - GET.
url - url запроса. По умолчанию - текущая страница.

Пример. Отправляем какие-либо данные из формы на сервер c помощью $.ajax

//jQuery$("#example_j button").click(function(){
var aaa = $("#example_j input:first").val();
var bbb = $("#example_j input:last").val();
$.ajax({
type: "POST",
url: "ajax/load/post.php",
data: ({a : aaa, b : bbb}),
success: function(data){$("#example_j span").text("Выполнено! " + data);}
});
});

//HTML/CSS<style>
#example_j{border:solid 1px #999; margin:5px; padding:10px}
</style>
<div id="example_j">
<input value="" /><input value="" /><button>Запрос</button> <span></span>
<p></p>
</div>

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

<?php
echo "Вы отправили на сервер ".$_POST["a"]." и ".$_POST["b"];
?>

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