Варианты ajax загрузки контента без перезагрузки всей страницы - Вопросы

← Форум / Вопросы / Варианты ajax загрузки контента без перезагрузки всей страницы

Знаю, что тема уже часто поднималась, но не нашел в гугле удовлетворительного варианта реализации.
Подскажите из своего опыта готовый вариант реализации.

Используя AJAX загрузку контента, как в VK (пост на Хабре) — этот вариант пробовал, ничего не получилось.

distance

Ссылка на пост (Смотрели 2353)

29.09.16 03:06 Ответить

1	igor17true 02.10.16 - 19:29 А в чём проблема? Посылайте яксом запрос, заменяйте плеер на другой, профит. (ответить)

distance 03.10.16 - 02:36

А можете подробней рассказать? Вот хотя бы как это сделать, чтобы оно работало?
https://habrahabr.ru/post/128552/
я самые разные варианты пробовал, не получилось ничего.

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

(ответить)

igor17true 03.10.16 - 09:24

Ну смотрите, выгрузили вы ссылки на страницы (список каналов\фильмов):

<a data-href="26962112">04:15 – Список клиентов</a>
<a data-href="26962113">03:30 – Список клиентов</a>
...

Далее при нажатии на ссылку, нужно перехватить это событие:

$('.btn.btn-default.send').click(function () {
});

В этой функции вы делаете запрос аяксом на новый плеер:

$.ajax({
type: "POST",
url: "ajax.html",
data: "action=send&name=" + name,
success: function(msg){
if(msg == 'ok')
{
/*всё хорошо, значит заменяем плеер на полуенный*/
}
else
{

}
}
});

(ответить)

distance 03.10.16 - 21:49

в каком плане "выгрузил ссылки на страницы"? У меня код добавления плеера есть условно говоря

<div id="audioplayer104" style="width:300px;height:140px;" ></div><script type="text/javascript">this.audioplayer104 = new Uppod({m:"audio",uid:"audioplayer104",pl:"http://vibrovolna.com/Radio/PL/playlist_audio242-104.txt",st:"uppodaudio"});</script>

вот, ставлю таких плееров условно говоря 10 на странице (в определенном блоке и этот блок будет привязан ко всем страницам сайта.) Теперь я нажимаю на какой-нибудь пункт меню и его содержимое подгружается без перезагрузки всей страницы. Таким образом, в плеере продолжает играть трек, поскольку обновления страницы не было и плеер не перезагружался.

вот такая идея. Ну собственно как в ВК. Потянет ваш код это?
я дальше html, css не понимаю код можно сказать :). Но я не робот, научусь как-нибудь. Так есть готовый вариант реализации?

(ответить)

Оставить комментарий

RSS темы Вопросы / RSS комментариев