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


Фотография

[Решено] Подскажите как выводит данные. Вопрос по поводу вывода данных.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 omurbekov97

omurbekov97

Отправлено 24 Апрель 2015 - 11:35

Вот на пример есть .txt файл http://clan-olimp.esy.es/files/rr.txt

 

И теперь из этого .txt файла нужно вывести

 

{ARTIST}
{NAME}
{image}
{itunesURL}

 

Помогите!

 

Заранее Спасибо!


Сообщение отредактировал omurbekov97: 30 Апрель 2015 - 11:55


#2 omurbekov97

omurbekov97

Отправлено 24 Апрель 2015 - 14:45

так вот вывод я сделал остался только что бы он не по клику а автоматически обновлялась каждую 10\20 сек

 

$(document).ready(function(){			   // по завершению загрузки страницы

	$('#example').click(function(){	   // вешаем на клик по элементу с id = example

		$.getJSON('/xml/rr.txt', {}, function(json){	  // загрузку JSON данных из файла rr.txt  

			$('#example').html('');

														 // заполняем DOM элемент данными из JSON объекта

			$('#example').append('ARTIST:'   + json.ARTIST + '<br/>')

						   .append('NAME:' + json.NAME + '<br/>')

						   .append('<img src="'  + json.image + '"><br/>')

						   .append(		   json.note.body + '<br/>');

		});				

	})

});

 

<div class="example cursor" id="example">Клик</div>

 

Помогите сделать все это автоматическим



#3 -=Xo$TeL=-

-=Xo$TeL=-

Отправлено 24 Апрель 2015 - 16:48

http://www.w3schools...setinterval.asp



#4 omurbekov97

omurbekov97

Отправлено 26 Апрель 2015 - 13:26

спасибо я нашел решение

 

$.getJSON('http://clan-olimp.esy.es/files/rr.txt', function(data) {

					var items = [];

					$.each(data, function(key, val) {	

						switch (key) {

							case 'ARTIST': { $('.nowtrack').children('.artist').html(val); break; }	

							case 'NAME': { $('.nowtrack').children('.title').html(val); break; }

							case 'image': {	

								if(oldartist!=val) {	/

									if(val=='false' || val=='null' || val.length<10) {

										$('.imgcontent').animate({opacity: 0},500, function() {	

											$(this).css("background-image", "none").animate({opacity: 1}, 1000);	

										});

									}

									else {

										$('.imgcontent').animate({opacity: 0},500, function() {	

											$(this).css("background-image", "url("+val+")").animate({opacity: 1}, 1000);	

										});

									}

									oldartist=val;	

									//console.log(val);

								}

								break;

							}

						}

					});

				});



#5 omurbekov97

omurbekov97

Отправлено 26 Апрель 2015 - 16:09

вот еще лучше

 

код js

var myVar = setInterval(function(){ nowtrack() }, 1000);

function nowtrack() {

$(document).ready(function(){			

		$.getJSON('/rr.txt', {}, function(json){  

			$('#nowtrack').html('');

		$('.imgcontent').css("background-image", "url("+json.image+")");

		$('#nowtrack').append('<div class="artist">'   + json.ARTIST + '</div >')

		$('#nowtrack').append('<div class="title">'   + json.NAME+ '</div >')



		}); 

});

}

 

код html

 

<div class="imgcontent"></div>



		<div class="audio"><audio controls="" name="media"><source src="+audio+" type="audio/mpeg" /></audio></div>



			<div class="nowtrack_line"> <div class="nowtrack" id="nowtrack"> </div></div>



#6 Zoxon

Zoxon
  • На удаление
  • Cообщений: 4 292
  • Регистрация: 03-05-2010

Отправлено 29 Апрель 2015 - 11:44

happyHippy

ангулара

happyHippy

1-2 строчки

happyHippy

более элегантно

:нуёмоё:


Сообщение отредактировал Zoxon: 29 Апрель 2015 - 11:44


#7 omurbekov97

omurbekov97

Отправлено 18 Декабрь 2019 - 06:42

Zoxon, можете пожалуйста помочь, этот код перестал работать, нужно чтобы выводился только 2 поля, artist и title,
{
"artist":"ALAN WALKER",
"title":"Ghost"
}
И чтобы обновлялся каждую 5 сек, если не трудно я был бы очень благодарен.




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

0 пользователей, 0 гостей, 0 анонимных