Пример
$(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. |