Генератор favicon   •   Online-инструменты
1 264 просм
9 комм
Поделиться:

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

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

9
комментариев
Руслан
10.12 в 14:50
Интересно конечно,, а таким образом можно спарсить например новости кино с кинопоиска?
  • 1
Руслан, чуть позже посвятим этой теме отдельную статью.
  • 6
forvard1993
18.03 в 15:20
Можно подробней как использовать данную статью ? Потому что я не могу въехать, ничего не получается, подскажите пожалуйста
  • 0
forvard1993, вопрос не совсем корректный. Как использовать - решать Вам. А вот если вы столкнулись с какими то трудностями - об этом по подробнее. Какая цель, что делаете и что не получается.
  • 5
forvard1993
18.03 в 15:30
Я только начинающий игрок, если вдруг не правильно объяснять буду, заранее извиняюсь)
Я вставляю данный код на страницу main.tpl в созданный мною блок, хочу что бы показывало там страницу test.html , так ? Но у меня ничего не происходит
  • 0
forvard1993, кажется что вы плохо прочитали статью. Этот скрипт позволяет подгрузить с определенной страницы определенную информацию.

/audio - откуда грузим;
.content - что грузим, например, <div class="content ">Привет</div>
#result - куда грузим. Этот элемент должен быть на той же странице где и скрипт и выглядеть должен примерно так: <div id="result"></div>

Плюсом ко всему должна быть подключена библиотеки jQuery.
  • 8
forvard1993
18.03 в 15:49
Все теперь я все понял, огромное Вам спасибо) +
  • 0
DarkShin
20.04 в 17:22
Очень полезный скрипт. Я пока как его запустить на дле для разных страниц не разобрался, видеть дает знать годовой отдых от дизайна )
Но вот что мне напомнило это один скрипт который хотел вытащить с википедии очень нужный мне. Этот похоже или он или наподобие. Можно его доработать как на вики, когда наводишь и всплывает место или информация привязанная к ссылке?

Чтобы можно было на разных страницах выводить свои привязки. Например актеры или герои аниме )
  • 1
DarkShin, задумка интересная. Реализуем со временем.
  • 7
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.