2017-02-03 14 views
0

いくつかの情報をフィルタリングする必要があります。情報はJSON解析から得られます。私はそれを働かせることはできません。私が望むのは、JSONがHTMLクラスにフィルタリングされているということです。私は本当に取得することはできませんJSONの解析に失敗したJavaScript

<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> 

:CSS

{ 
"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" 
     } 
    } 
] 
} 

:私は誰かが

に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と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

フィドルを試してみてください。基本的に成功の方法には何があるのですか? –

関連する問題