- PVSM.RU - https://www.pvsm.ru -
Очень часто возникает потребность в подключении каких-либо шаблонов или какого-либо контента из другого файла. К сожалению, не все могут воспользоваться функцией inlude в PH из-за ограниченности возможностей
Свойства
.load() — Загрузка данных с сервера и размещение возвращаемого HTML в указанный элемент.
url
Типа: Строка
Строка, содержащая URL, к которому направляется запрос.
ДанныеТип: Объект или Строка
Простой объект или строка, которая отправляется на сервер с запросом.Функция «выполнено»
Тип: Функция( Строка responseText, Строка textStatus, jqXHR jqXHR )
Функция обратного вызова, которая выполняется, когда запрос завершается
.get() — Загрузка данных с сервера, используя запрос HTTP GET.
url
Типа: Строка
Строка, содержащая URL, к которому направляется запрос.Данные
Тип: Объект или Строка
Простой объект или строка, которая отправляется на сервер с запросом.Функция «выполнено»
Тип: Функция( Строка responseText, Строка textStatus, jqXHR jqXHR )
Функция обратного вызова, которая выполняется, когда запрос завершается.Тип данных
Тип: Строка
Тип данных, ожидаемых от сервера. По умолчанию: Intelligent Guess (XML, JSON, script или HTML).
Когда в то же время функция .get() работает с остальными функциями (.append(), .html()) уже разумно и не вызывает зацикливание. Но то же не стоит забывать, что по умолчанию .get() заменяет контент полностью, а если использовать в функции success() appen(), то код дополниться.
.load()
$('article').each(function () {
$(this).load("template/head.html"); // загрузит в страницу и заменит код блока article
});
.get()
$('article').each(function () {
$(this).get("template/head.html"); // загрузит в страницу и заменит код блока article
});
.load()
$('article').each(function (i, elem) {
$(this).load("template/head.html", function (data) {
$(elem).append(data);
}); // загрузит в страницу и дополнит код head, вызвав зацикливание break, continue не помогут
});
.get()
$('article').each(function (i, elem) {
$(this).get("template/head.html", function (data) {
$(elem).append(data);
}); // загрузит в страницу и дополнит код head
});
Автор: mepihin
Источник [2]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/ajax/116278
Ссылки в тексте:
[1] хостинга: https://www.reg.ru/?rlink=reflink-717
[2] Источник: https://habrahabr.ru/post/280298/
Нажмите здесь для печати.