Как вывести нужные поля из JSON?

Question

[Тынай Бакасов]

Доброго времени суток.

На .txt файле есть данные Json
{"artist":"Eminem","title":"Rap God","status":"1"}

Например я хочу вывести только artist И title, status мне не надо.

нужно вывести на страницу в div и обновлять допустим каждые 5 секунд через setInterval

<div id="artist"></div>
<div id="title"></div>

js код (вчера помогли)

var json = 'https://www.site.com/json.txt'
function init(){
 let _json = JSON.parse(json)
//где-то тут надо сделать выбор, но что только не пробовал, не получается.
 let artist = document.getElementById('artist');
 let title= document.getElementById('title');
  artist.innerHTML = _json.artist;
  title.innerHTML = _json.title;
 setInterval(init,1000)
}
setInterval(init,1000)

Буду очень благодарен, заранее спасибо.

Comments

[Stalker_RED]

//где-то тут надо сделать выбор

выбор чего вам нужен? Этот кусок кода делает примерно то что вы описали - выводит artist и title в соответствующие элементы.
Хотя делает он это довольно коряво, и непонятно зачем, но работает же.

И да, у вас там в первой строке какая-то ссылка, а не json

[Тынай Бакасов]

Stalker_RED, да он выводит Json, но мне нужно чтобы он вывел это из файла по ссылке, типо так:

var myVar = setInterval(function(){ nowtrack() }, 1000);
function nowtrack() {
$(document).ready(function(){			
    $.getJSON('https://site.ru/json.txt', {}, function(json){  

      $('#nowtrack').html('');
    $('#nowtrack').append('<div class="artist">'   + json.artist + '</div >')
    $('#nowtrack').append('<div class="title">'   + json.title + '</div >')
    }); 
});
}

Но он чёт не работает

[Stalker_RED]

Тынай Омурбек Уулу,

$(document).ready(function(){

wtf?

[Тынай Бакасов]

Stalker_RED, мне так написали в форуме

[Stalker_RED]

Тынай Омурбек Уулу, или написали с ошибкой, или они писали что-то другое, что было потом переделано. Если вы почитаете что такое document ready, то узнаете, что это событие происходит ОДИН РАЗ при загрузке страницы, и работать раз в секунду не может никак.

Ну и непонятно зачем это все вообще. То есть какой смысл вообще обновлять раз в секунду текст, который не изменился, например. И что будет с сервером, когда на него посыпятся тысячи таких запросов.

[Тынай Бакасов]

Stalker_RED,
Да он работает лишь раз, но setInterval обновляет другой код (может быть).

Туда выводиться название трека, обновление каждую секунду нужно чтобы когда трек сменился и название сменился.

[Тынай Бакасов]

Stalker_RED, можете помочь чем нибудь? Там angular.js тоже катит, все что угодно, чтобы эти два поля вывести.

[Stalker_RED]

Тынай Омурбек Уулу,

но setInterval обновляет другой код (может быть).

не понимаю что это значит.

[Stalker_RED]

Тынай Омурбек Уулу, совет: выбрось это, и начни проектирование сначала, с понимания того что ты хочешь сделать, и зачем.
https://ru.meta.stackoverflow.com/questions/709/%d...

[Тынай Бакасов]

Stalker_RED, не могу я сначала.
Чего тут не понятного, взял данные из json всандалил в div, и заставил обновляться каждые 5 сек, если бы я знал ответ, или шарил бы в js не стал бы тут помощи просить.

[Тынай Бакасов]

Stalker_RED, я заставлю тот код работать завтра, и я вам дам ссылочку.

[Stalker_RED]

Тынай Омурбек Уулу, если у вашего автомобиля злоумышленники украли колеса, но вы очень-очень хотите закатить его в гараж, например, то конечно можно в качестве временного решения сделать что-то этакое

но вы ведь понимаете, что на постоянной основе этим пользоваться нельзя - это ненадежная, и даже опасная штука, которая развалится в любой момент, еще и с риском ДТП. Ну и подвеска будет быстро убиваться.

Так вот - выбросте этот код, который вам написали в первом вашем вопросе. Он плохой, как и эти деревянные колеса. Его можно заставить работать, но на самом деле вам нужно что-то другое.

[Тынай Бакасов]

Stalker_RED, я написал что мне нужно, так помогите мне.

[Stalker_RED]

Тынай Омурбек Уулу, вы до сих пор не ответили что за выбор.
Уберите document.ready или оберните в него только первую строку, в которой setInterval, и возможно этот кошмар "поедет".

Answer 1

[Илья Савиных]

Попробуйте вот так!

var url_json = 'https://www.site.com/json.txt';
function init(){
    fetch(url_json)
        .then(response => response.json())
        .then(_json => {
            let artist = document.getElementById('artist');
            let title= document.getElementById('title');
             artist.innerHTML = _json.artist;
             title.innerHTML = _json.title;
        });
}
setInterval(init,1000);

ИЛИ

var url_json = 'https://www.site.com/json.txt';
function init(){
    fetch(url_json)
        .then(response => response.json().then(_json => {
            let artist = document.getElementById('artist');
            let title= document.getElementById('title');
             artist.innerHTML = _json.artist;
             title.innerHTML = _json.title;
        }));
}
setInterval(init,1000);

В вашем примере ошибка - Метод JSON.parse() разбирает строку JSON, а вы передаёте не строку JSON, а url