jQuery - Метод load() AJAX

Метод load() в jQuery

Метод load() в jQuery — это простой, но мощный метод AJAX.

Метод load() загружает данные с сервера и помещает возвращённые данные в выбранный элемент.

Синтаксис:

$(selector).load(URL,data,callback);

ОбязательныйURLПараметр указывает URL, который вы хотите загрузить.

НеобязательныйdataПараметр указывает набор пар ключ/значение строки запроса для отправки с запросом.

НеобязательныйcallbackПараметр — это имя функции, выполняемой после завершения метода load().

Это содержимое примера файла ("demo_test.txt"):

<h2>jQuery AJAX — это действительно отличная возможность!</h2> <p id="p1">Это некоторый текст в абзаце.</p>

Следующий пример загружает содержимое файла "demo_test.txt" в указанный элемент <div>:

Пример

$("#div1").load("demo_test.txt");

Попробуйте сами »

Вы также можете добавить селектор jQuery к параметру URL.

Следующий пример загружает содержимое элемента с id="p1" в файле "demo_test.txt" в указанный элемент <div>:

Пример

$("#div1").load("demo_test.txt #p1");

Попробуйте сами »

Необязательный параметр callback задаёт функцию обратного вызова, которая выполняется после завершения метода load(). Функция обратного вызова может иметь различные параметры:

  • responseTxt- Содержит содержимое результата при успешном вызове
  • statusTXT- Содержит статус вызова
  • xhr- Содержит объект XMLHttpRequest

В следующем примере отображается окно alert после завершения метода load(). Если метод load() выполняется успешно, отображается "Внешний контент успешно загружен!", а если он завершается неудачно, отображается сообщение об ошибке:

Пример

$("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") alert("Внешний контент успешно загружен!"); if(statusTxt=="error") alert("Ошибка: "+xhr.status+": "+xhr.statusText); }); });

Попробуйте сами »
Другие расширения