Пример
$(document).ready(function(){ ....... $("#but1").click(function(){ $.ajax({ url:"testfile.txt", success:function(result){ $("#par1").html(result); $("#par1").css("fontSize","1.2em"); $("#par1").css("textDecoration","underline");} }); }); $("#but2").click(function(){ var send="x="+$("#text1").val()+"&y="+$("#text2").val(); $.ajax({ url:"add.php", data:send, success:function(result){ $("#res").html(result);} }); }); ....... });
С помощью метода $.ajax Вы можете выполнить низкоуровневый AJAX запрос.
Данный метод лежит в основе всех остальных методов jQuery для выполнения AJAX запросов.
Данный метод сложен для обращения так что в большинстве случаев вместо него удобнее использовать высокоуровневые методы-альтернативы такие как load() или $.get().
Обратите внимание: старайтесь использовать метод .ajax() только в ситуациях, когда нельзя применить ни один другой метод.
$.ajax(url,настройки)
url строка содержащая URL на который будет отправлен запрос.
настройки набор из пар имя/значение, которые позволяют настроить AJAX запрос под конкретные нужды. Настройки записываются следующим образом: {имя1:значение1,имя2:значение2,...}. Все возможные значения настроек перечислены в таблице ниже:
Свойство | Описание |
---|---|
async | По умолчанию все запросы отсылаются асинхронно (т.е. значение данного параметра по умолчанию равно true). Если Вы хотите, чтобы Ваш запрос был отослан синхронно установите значение данного параметра равным false. |
beforeSend(jqXHR,настройки) | Функция обратного вызова, код которой будет выполнен перед тем, как запрос будет отправлен на сервер. Если данная функция вернет false запрос не будет отправлен. |
complete(jqXHR,статус) | Функция, код которой будет выполнен после того, как запрос будет выполнен (вызывается после выполнения функций success и error). |
contentType | Указывает тип содержимого, которое будет передано на сервер. Значение по умолчанию "application/x-www-form-urlencoded" (подходит в большинстве случаев). |
context | Позволяет явно установить значение "this" для всех функций обратного вызова. |
data | Данные, которые будут переданы на сервер с запросом. |
dataType | Ожидаемый для приема с сервера тип данных. |
error(jqXHR,статус,ошибка) | Функция, код которой будет выполнен если во время исполнения запроса произойдет ошибка. |
jsonp | Строка определяющая имя функции обратного вызова в jsonp запросе. |
jsonpCallback | Устанавливает имя функции обратного вызова для jsonp запроса. |
password | Устанавливает пароль, который будет использоваться для HTTP аутентификации. |
processData | Логическое значение устанавливающее должны ли данные передающиеся с запросом преобразовываться в строку или нет. Значение по умолчанию true. |
scriptCharset | Устанавливает кодировку запроса. |
success(результат,статус,jqXHR) | Функция, код которой будет выполнен если запрос будет завершен успешно. Параметр результат содержит результат полученный от сервера. |
type | Устанавливает тип запроса (GET или POST). Значение по умолчанию GET. |
url | Строка указывающая URL, на который будет отправлен запрос. |
xhr | Функция обратного вызова для создания объекта XMLHttpRequest. |