Перейти к содержимому

Фотография
- - - - -

Технология прятания под кат в Livejournals


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
В теме одно сообщение

#1 vadval15

vadval15

    Прохожий

    Топикстартер
  • Новичок
  • 0
    1 сообщ.

Отправлено 12 Январь 2018 в 13:24

В Livejournals имеется своя технология прятания под кат, которая в общем имеет следующий вид:
<b data-widget='ljcut' data-widget-options='{"sticky":false,"cutid":1,"journalid":"19281164","placeholders":0,"ditemid":3890884}' class="ljcut-link lj-widget">
<span class='ljcut-brace'>(&nbsp;</span>
<span class="ljcut-decor">
<a href="https://journalname.livejournal.com/3890884.html#cutid1" class="ljcut-link-expand" title="Читать дальше..." >Читать дальше...</a>
<a href="https://journalname.livejournal.com/3890884.html#cutid1" class="ljcut-link-collapse">Свернуть</a></span>
<span class='ljcut-brace'>&nbsp;)</span></b>
При активации первой из чередующихся гиперссылок дополнительный текст появляется, а второй - исчезает. Очевидно, что в данном случае он не прячется, а вставляется из другого источника по приведенному url-адресу. Неясным остаётся сам механизм вырезания текста с другой страницы и манипуляций с ним после какой-либо из приведенных гиперссылок при сохранении неизменной адресной строки браузера. Буду признателен за любой совет по этому вопросу.
  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1001
    3 604 сообщ.

Отправлено 12 Январь 2018 в 22:56

ajax'om получает страницу непосредственно с контентом, POST-запрос идёт к livejournal.com/__api/

Отсылает:
 
8dba442d26.png
Получает:
f239656225.png
 
Пора бы уже научиться пользоваться инструментами разработчика в Firefox или Chrome, если появляются такие вопросы. Без этого дальше сложно будет.

 

Выше описанное обращение к API с помощью XHR (ajax) работает только внутри домена или если разрешено политикой безопасности сайтов
 
Но и без этого можно парсить контент с сайтов (если нет апи и разумеется если политика безопасности позволяет). Способов несколько. Вот два самых популярных:

  • С помощью регулярного выражения ищем по ТЕКСТУ страницы необходимый кусок
  • С помощью DOMParser (и его полифил, например на jQuery есть) также ищем по DOM страницы и получаем необходимый элемент

После этого он вставляется в страницу через innerHTML или другим более современным способом.


  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей