Подгрузка информации с другой страницы сайта на jQuery
Предположим, что на странице вашего сайта вы создали блок, например, таблицу цен от разных поставщиков. И стоит задача вывести эту таблицу на определенных страницах.
Можно это сделать обычным «копировать – вставить», но что если таких страниц у вас 20 или 50? Вроде бы ничего, и найти время на эту работу можно. Но как вдруг один поставщик меняет цену – соответственно, вам нужно поменять эту цену на 50 страницах, и так каждый раз.
А можно сделать куда проще и создать эту таблицу 1 раз, а затем на нужных страницах подгружать ее с помощью специального скрипта. Таким образом, мы вносим правку в 1 страницу, а изменения вносятся во всех 50. По-моему, очень удобно.
Перейдем теперь к технической части.
Для того чтобы подгрузить информацию с нужной станицы вашего сайта, необходимо воспользоваться следующим кодом:
<div id="result">Загрузка...</div>
<script>
$(function() {
$.get("/audio", function(data) {
var content = $(".content", data).html();
$("#result").html(content);
});
});
</script>
Здесь «/audio» – адрес страницы, откуда необходимо грузить данные, «#result» – идентификатор, куда нужно грузить эти данные, и «.content» – идентификатор того, что именно нам нужно получить с указанной страницы.
Для отдельных случаев скрипт можно немного доработать и сделать проверку на то, получили ли мы какую-нибудь информацию с указанной страницы или нет:
<script>
$(function() {
$.get("/audio", function(data) {
var content = $(".content", data).html();
if(content == undefined) {
$("#result").html("Нет информации для загрузки :(");
} else {
$("#result").html(content);
}
});
});
</script>
В таком случае при отсутствии загруженных данных с указанной страницы мы получим соответствующее уведомление.