2017-02-03 2 views
0

Ich muss einige Informationen filtern. Die Informationen stammen von einem JSON-Parser. Ich kann es nicht funktionieren lassen. Ich möchte, dass der JSON in die HTML-Klassen gefiltert wird. Ich glaube, ich bin dummJavaScript schlägt fehl JSON zu analysieren

$.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); 


     }); 

    } 
}); 

Es wäre schön, wenn mir jemand helfen könnte

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> 

Ich kann wirklich nicht bekommen mein Kopf um dies. Ich weiß, dass es nicht der richtige Code ist, ich bin neu in JSON und JavaScript. 4. Tag momentan also bitte verzeih mir.

Danke im Voraus

UPDATE

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

+1

Anstatt zu sagen „* Ich kann es nicht funktioniert *“, versuchen, genau zu erklären, was * * läuft falsch mit dem Code, den Sie geschrieben haben. Ist das ein Fehler? Produziert es unerwartete Ergebnisse? Die Leute werden mehr helfen können, wenn sie wissen, was Ihr Problem ist. –

+2

Ihr 'result' Objekt hat keine' status' Eigenschaft. – evolutionxbox

+1

@evolutionxbox noch 'server'. –

Antwort

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>'); 

}); 

ist es das, was Sie wollen?

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

Kontrolle dieser Geige

+0

Ich habe das versucht, es zeigt immer noch nichts auf meinem Armaturenbrett –

+0

'response.results.date' ist undefined siehe die JSON-Datei, die er zur Verfügung gestellt! –

+0

versuchen Sie die Geige, es ist im Grunde, was in Ihrer Erfolgsmethode sein sollte –

Verwandte Themen