Получение данных с другой страницы


Получение данных с другой страницы

664
9.4 из 10
Проголосовало: 12






Всем привет, сегодня я расскажу как получить данные с другой страницы при помощи js. Данный урок я решил выложить после часто задаваемых вопросов, да и вообще в паблик давно такого никто не выкладывал...

Ну вообщем начнем:

1. Например нам нужно получить данные с другой страниц на главную, для этого берем пишем js код:

Код

<script>  
  $.get("НУЖНАЯ СТРАНИЦА",function(w){  
  $('#wVivod').html($('#wPoluchaem',w).html());  
  });  
  </script>


Поясняю:
#wVivod- это див с id куда будут выведены полученные данные (если кто не знает записывается это вот так <div id="wVivod">Загрузка</div>).
#wPoluchaem - это тот див с id на другой странице, откуда будут получены данные.
НУЖНАЯ СТРАНИЦА - ну тут все понятно, это та страница от куда будут получаться данные.

2. Теперь я покажу как получить данные с другой страницы в определенный див при клике, делается это вот так:

Для начала пропишем кнопку для получения данных:

Код
<a href="javascript://" onclick="wDannii();">Получить данные</a>


теперь пропишем блок куда будет выводиться:

Код
<div id="wVivod"></div>


ну и сам js код:

Код
<script>  
  function wDannii(){$.get("НУЖНАЯ СТРАНИЦА",function(w){$('#wVivod').html($('#wPoluchaem',w).html());});}  
  </script>


ну здесь в принципе все тоже самое, поэтому пояснять нет смысла...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 15

Jealously
+1
Jealously написал: Написано 27 мая 2016 в 09:26
Комментарий №3
Отпишите подробней, очень интересует эта функция

Вовчик
0
Вовчик написал: Написано 27 мая 2016 в 10:17
Комментарий №4
куда еще подробнее!? happy

Jealously
0
Jealously написал: Написано 28 мая 2016 в 05:11
Комментарий №8
Сделал все как написано, ничего не происходит..

Вовчик
0
Вовчик написал: Написано 28 мая 2016 в 05:13
Комментарий №9
покажи что сделал...

Jealously
0
Jealously написал: Написано 28 мая 2016 в 05:29
Комментарий №10
А все уже разобрался. Возможно ли сделать что-то такое же только что бы div брался с другого сайта?

Вовчик
0
Вовчик написал: Написано 28 мая 2016 в 05:31
Комментарий №11
а что разве не берет?)

Jealously
0
Jealously написал: Написано 28 мая 2016 в 05:35
Комментарий №12
Нет, с других сайтов не берет

Вовчик
0
Вовчик написал: Написано 28 мая 2016 в 05:54
Комментарий №13
ну ясное дело, только со своего сайта но с разных страниц можно получить данные)

k43
0
k43 написал: Написано 27 мая 2016 в 12:45
Комментарий №5
Гет запрос, к примеру: На главной странице странице модуля Каталог файлов стоит счётчик всех материалов, благодаря этим гет запросом можно вывести этот счётчик на другую страницу, например на страницу контактов

k43
0
k43 написал: Написано 27 мая 2016 в 12:45
Комментарий №6
P.S. Можно это конечно сделать и информером, но это для примера

Jealously
0
Jealously написал: Написано 27 мая 2016 в 08:34
Комментарий №2
как это должно работать?

CbIPoK2513
0
CbIPoK2513 написал: Написано 17 Июля 2016 в 10:56
Комментарий №15
Допустим Вам нужно с страницы пользователя Иван под IDом 23 вытянуть его имя и вставить в часть сайта.
Для этого делаем следующий get-запрос:
$('#get').get('/index/8-23 #pull');
Где:
#get - Место в который нужно вставить элемент
/index/8-23 - Ссылка на страницу Ивана
#pull - Что нужно вытянуть со страницы.

Как будет работать:
Вставляем данный код в часть сайта и во время загрузки страницы на страницу Ивана отправляется get-запрос, который ищет элемент #pull (допустим <div id="pull">Иван</div>) и копируя содержимое элемента (Или весь элемент, чёт забыл) и отправляет на страницу, с которой был отправлен запрос. Вставляется запрос в заранее подготовленное место #get (например <div>Партнёр сайта <span id="get"></span></div>).
В конечном итоге, на страницу появится следующий код:
<div>Партнёр сайта <span id="get">Иван</span></div>
<script>$('#get').get('/index/8-23 #pull');</script>

Думаю понятно расписал.

Marishka
0
Marishka написал: Написано 26 мая 2016 в 20:51
Комментарий №1
Не проще $('#wVivod').get('НУЖНАЯ СТРАНИЦА #wPoluchaem'); ?

Вовчик
0
Вовчик написал: Написано 27 мая 2016 в 16:13
Комментарий №7
да кому как удобно, хоть так хоть сяк $('#wVivod').load('НУЖНАЯ СТРАНИЦА #wPoluchaem');

CbIPoK2513
0
CbIPoK2513 написал: Написано 17 Июля 2016 в 10:40
Комментарий №14
Лично я использую этот вариант, он для меня проще smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    433
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: