2017-02-03 3 views
0

Мне нужно отфильтровать некоторую информацию. Информация поступает из анализа JSON. Я не могу заставить его работать. Я хочу, чтобы JSON был фильтрован в классы HTML. Я думаю, что я тупойАнализ с ошибкой JavaScript JSON

$.ajax({ 
    // Agenda 
    type: 'POST', 
    url: 'agendas', 
    data: {results: 'events'}, 
    dataType: 'json', 
    cache: false, 
    success: function (response) { 
     $('.date, .country, .events').html(''); 
     $.each(response.results, function (index, result) { 
      if (result.status) 
       $('.date').append(result.server); 
       $('.country').append(result.server); 
       $('.events').append(result.server); 


     }); 

    } 
}); 

Было бы прекрасно, если бы кто-то может помочь мне

JSON:

{ 
"results": [ 
    { 
     "events": { 
      "id": 1, 
      "date": "2022-05-06T00:00:00+00:00", 
      "description": "test", 
      "time": "2017-02-03T06:40:00+00:00", 
      "location": "NL", 
      "year": "2008", 
      "event": "Idk" 
     } 
    }, 
    { 
     "events": { 
      "id": 2, 
      "date": "2019-04-05T00:00:00+00:00", 
      "description": "aasdasdasda", 
      "time": "2017-02-03T15:04:00+00:00", 
      "location": "asdasdasd", 
      "year": "0000", 
      "event": "asdasd" 
     } 
    } 
] 
} 

CSS:

<div class="day"> 
       <h2 class="date">Januari 23</h2> 
       <div class="country-events"> 
        <span class="country">UK</span> 
        <div class="events"> 
         <span class="event">Conference Amsterdam<br />11:00 CET</span> 
         <span class="event">Webinar Copenhagen<br />15:00 CET</span> 
        </div> 
       </div> 

Я действительно не могу моя голова вокруг этого. Я знаю, что это не правильный код, я новичок в JSON и JavaScript. 4-й день в настоящее время, пожалуйста, простите меня.

Спасибо заранее

UPDATE

This is what it shows currently, the data from the json file needs to go in the specific elements

+1

Вместо того, чтобы говорить «* Я не могу заставить его работать *», попытайтесь объяснить точно, что * * происходит не так с кодом вы опубликовали. Это ошибка? Вызывает ли это неожиданный результат? Люди будут больше способны помочь, если они знают, в чем проблема. –

+2

Ваш объект 'result' не имеет свойства' status'. – evolutionxbox

+1

@evolutionxbox или 'server'. –

ответ

1
$.each(response.results, function(index, result) { 
    console.log(result) 
    $('.date').append(result.events.date); 
    $('.date').append('</br>'); 
    $('.country').append(result.events.location); 
    $('.country').append('</br>'); 
    $('.events').append(result.events.event); 
    $('.events').append('</br>'); 

}); 

это то, что вы хотите?

https://plnkr.co/edit/wCYJPXgAPII1mcW4cKw7?p=preview

проверить эту скрипку

+0

Я пробовал это, он все еще ничего не отображает на моей приборной панели –

+0

'response.results.date' не определен, см. Файл JSON, который он предоставил! –

+0

попробуйте скрипку, это в основном то, что должно быть в вашем методе успеха. –

Смежные вопросы