Информер курса валют ЦБ РФ   •   Магазин расширений
2 323 просм
18 комм
Поделиться:

Подгрузка информации с другой страницы сайта на 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>

В таком случае при отсутствии загруженных данных с указанной страницы мы получим соответствующее уведомление.

18
комментариев
Навигация:
1 2
Артем, начнем с того, что у Вас там куча ошибок.

1. Я видел несколько пар секции HEAD и HTML, а должно быть по одной паре на всю страницу.
2. Далее, у Вас нет страницы /kontakty, а есть /kontakty/. Но это мелочи.
3. На странице /kontakty нет элемента с классом .content, который вы пытаетесь получить, но есть с таким ID. То есть строку:

var content = $(".content", data).html();

Вы заменяете на:

var content = $("#content", data).html();

Проделав все шаги, я уверен на 100%, что у Вас заработает все как надо. glass
  • 0
20.04 в 23:54
Спасибо. Получилось. Скажите а есть возможность получить таким образом информацию с другого сайта?
  • 0
Артем, да, на PHP.
  • 0
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.
Подняться наверх