пример
Изменить текст <div> элемент с использованием AJAX запрос:
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});
Попробуй сам " Определение и использование
ajax() метод используется для выполнения AJAX запроса (асинхронный HTTP).
Все JQuery AJAX методы используют ajax() метод. Этот метод в основном используется для запросов, где не могут быть использованы другие методы.
Синтаксис
$.ajax({name:value, name:value, ... })Параметры определяет одну или несколько пар имя / значение для запроса AJAX.
Возможные названия / значения в таблице ниже:
| имя | Значение / Описание |
|---|---|
| async | Логическое значение, указывающее, должен ли запрос обрабатываться асинхронно или нет. По умолчанию это правда |
| beforeSend( xhr ) | Функция для запуска до отправки запроса |
| cache | Логическое значение, указывающее, должен ли браузер кэшировать запрашиваемые страницы. По умолчанию это правда |
| complete( xhr,status ) | Функция для запуска, когда запрос завершен (после того, как функции успеха и ошибок) |
| contentType | Тип содержимого используется при передаче данных на сервер. По умолчанию: "application/x-www-form-urlencoded" |
| context | Определяет "это" значение для всех связанных с AJAX функции обратного вызова |
| data | Задает данные для отправки на сервер |
| dataFilter( data , type ) | Функция , используемая для обработки исходных данных отклика XMLHttpRequest |
| dataType | Тип данных ожидается ответа сервера. |
| error( xhr,status,error ) | Функция для запуска, если запрос не выполняется. |
| global | Логическое значение, определяющее, следует ли вызвать глобальное событие AJAX обрабатывает для запроса. По умолчанию это правда |
| ifModified | Логическое значение, указывающее, является ли запрос успешным только если ответ изменился с момента последнего запроса. Значение по умолчанию: ложь. |
| jsonp | Строка отменяя функцию обратного вызова в jsonp запросе |
| jsonpCallback | Задает имя для функции обратного вызова в jsonp запросе |
| password | Задает пароль, которые будут использоваться в запросе аутентификации доступа HTTP. |
| processData | Логическое значение, определяющее, были ли данные, отправленные с просьбой должны быть преобразованы в строку запроса. По умолчанию это правда |
| scriptCharset | Определяет набор символов для запроса |
| success( result,status,xhr ) | Функция, которая запускается, когда запрос выполняется успешно |
| timeout | Локальный тайм-аут (в миллисекундах) для запроса |
| traditional | Логическое значение, определяющее, следует ли использовать традиционный стиль сериализации парам |
| type | Задает тип запроса. (GET или POST) |
| url | Задает URL-адрес, чтобы отправить запрос. По умолчанию это текущая страница |
| username | Указывает, имя пользователя, которые будут использоваться в запросе аутентификации доступа HTTP |
| xhr | Функция используется для создания XMLHttpRequest объекта |
Попробуйте сами - Примеры
Сделайте синхронную к AJAX запрос
Как использовать настройки асинхронной указать синхронный запрос
Сделать AJAX запрос с указанным типом данных
Как использовать dataType параметр , чтобы задать тип данных для запроса.
Сделать AJAX запрос с ошибкой
Как использовать параметр ошибки , чтобы иметь дело с ошибками в качестве AJAX запроса.