2017-02-03 246 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

您的'结果'对象没有'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

尝试小提琴,它基本上应该是什么,在你的成功方法 –