jQuery - AJAX load() Method
метод загрузки jQuery ()
Метод jQuery Load () является простым, но мощным методом AJAX.
Метод Load () загружает данные с сервера и помещает возвращаемые данные в выбранный элемент.
Синтаксис:
$(selector).load(URL,data,callback);
Обязательный параметр URL-адреса указывает URL-адрес, который требуется загрузить.
Необязательный параметр data указывает набор пар ключ/значение строки запроса для отправки вместе с запросом.
Необязательный параметр обратного вызова — это имя функции, которая должна быть выполнена после завершения метода Load ().
Вот содержание нашего примера файла: "demo_test.txt":
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
The following example loads the content of the file "demo_test.txt" into a specific <div> element:
Пример
$("#div1").load("demo_test.txt");
Также можно добавить селектор jQuery к параметру URL.
В следующем примере загружается содержимое элемента с идентификатором = "P1", внутри файла "demo_test.txt", в конкретный элемент <div>:
Пример
$("#div1").load("demo_test.txt #p1");
Необязательный параметр обратного вызова задает функцию обратного вызова для запуска при завершении метода Load (). Функция обратного вызова может иметь различные параметры:
- responseTxt - содержит результирующее содержимое, если вызов завершается успешно
- statusTxt - содержит состояние вызова
- xhr - содержит объект XMLHttpRequest
В следующем примере отображается окно оповещения после завершения метода Load (). Если метод Load () успешно, он отображает "внешнее содержимое загружено успешно!", и если он завершается ошибкой, выводится сообщение об ошибке:
Пример
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
Справочник jQuery AJAX
Для полного обзора всех JQuery Ajax методы, пожалуйста, перейдите к нашей jQuery AJAX справка.
