2017-04-09 39 views
0

こんにちは私はDataTableにJSONデータを表示するのに問題があります。私はデータへのURLを持っており、すべての結果を表示したい。エラーは返されませんが、JSONのデータはテーブルにロードされません。私が使用しているjavaScriptのHTML & JSONを添付します。伝説が私を助けてくれることを願っています!DataTables Ajaxデータが表示されない

jQueryの

$('#example').DataTable({ 
       "ajax": ({ 
        "url": fxml_url + 'Enroute' + '/airport' + $('#flight_choice').val(), 
       }), 
        "columns": [ 
        { enroute: ident }, 
        { enroute: originCity }, 
        { enroute: destinationCity }, 
        { enroute: estimatedarrivaltime } 
       ] 
       }); 

HTML

<table id="example" class="display" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>Flight No.</th> 
       <th>Origin</th> 
       <th>Destination</th> 
       <th>Arrival Time</th> 
      </tr> 
     </thead> 
    </table> 

JSON構造

enter image description here

+0

あなた 'columns'を宣言正しい。 * 'enroute' *のような属性はありません。あなたは' data'を意味すると思います... – davidkonrad

+0

ああ、ありがとう、それでもデータは表示されません!ログに「identが定義されていません」と表示されますか? – giofus

答えて

0

あなたは

  • 正しい columns項目を宣言(項目の enroute配列)のDataTableに戻ってJSONの関連部分を渡し

    • 使用正しいオブジェクトリテラル表記、{}、ない({})
    • に必要

    $('#example').DataTable({ 
        ajax: { 
        url: fxml_url + 'Enroute' + '/airport' + $('#flight_choice').val(), 
        dataSrc: function(json) { 
         return json.EnrouteResult.enroute 
        } 
        }, 
        columns: [ 
        { data: ident }, 
        { data: originCity }, 
        { data: destinationCity }, 
        { data: estimatedarrivaltime } 
        ] 
    }) 
    
    +0

    あなたの助けてくれてありがとうございましたが、まだ情報を読み込めませんでした!私はそれを別のAjax関数の中に入れているからだと思う? – giofus

    +0

    ちょっと@guybrush_threepwood、あなたは 'dataSrc'コールバックの中に何かを得ますか? 'console.log(json)'とは何ですか?もちろん、2番目のajaxが最初から何かに頼っていて、それがまだ完了していない限り、別の '$ .ajax'の中に' $ .ajax'を持つのがなぜ問題であるのか分かりません。 – davidkonrad

    関連する問題