2017-12-21 16 views
4

変数にハードコードされた値を割り当ててデータを取得するjqueryを作成しました。jqueryを使用したファイルのJSONデータ

私の要件は、jsonファイルから同じデータを取得することです。誰でもこのコードを使って手伝ってください。

$(function() { 
    var jsonCalendarTreeStructure = [ 
    { 
     text: 'Years', 
     nodes: [ 
     { 
      text: '2013', 
      type: 'Y', 
      nodes: [ 
      { 
       text: '13-Q1', 
       type: 'Q', 
      }, 
      { 
       text: '13-01', 
       type: 'M', 
      }, 
      { 
       text: '13-02', 
      }, 
      { 
       text: '13-03', 
      } 
      ] 
     } 
     ] 
    } 
    ]; 
    $('#Dyanmic').treeview({ 
    data: jsonCalendarTreeStructure, 
    }); 
} 
+0

文法修正、コードフォーマットさ – Blauharley

答えて

0
$.getJSON('URL to JSON file', function(data){ 
    //use data 
}); 

あなたはjQueryのgetJSONを使用することができます。以下のコードを見つけてください。

+0

をまた、以下のコマンドをチェックボックスに使用することで、上記のコード$( '#Dyanmic')と一緒に追加することができます( 'nodeChecked'、関数(イベント、データ)){ \t \t \t if(data.type == "Y") \t \t \t \t \t \t yearFilter(data.text);他 \t \t \t \t \t(data.type == "Q")であれば \t \t \t \t \t \t quarterFilter(data.text)。他 \t \t \t \t \t \t(data.type == "M")であれば \t \t \t \t \t \t monthFilter(data.text)。 \t \t \t \t \t \t }); –

0

あなたのデータは、この形式でJSONで利用可能であるべきである:

[ 
    { 
     "text":"Years", 
     "nodes":[ 
     { 
      "text":"2013", 
      "type":"Y", 
      "nodes":[ 
       { 
        "text":"13-Q1", 
        "type":"Q" 
       }, 
       { 
        "text":"13-01", 
        "type":"M" 
       }, 
       { 
        "text":"13-02" 
       }, 
       { 
        "text":"13-03" 
       } 
      ] 
     } 
     ] 
    } 
] 

(例えばアヤックス、)どんな方法では、あなたはそれをdeserialiseことができます。

$.get('url', function (data) { 
    $('#Dyanmic').treeview({ 
    data: data, 
}); 
+0

は、私はあなたが私に $( '#Dyanmic')。( 'nodeChecked' に、機能(イベント、データ){ \t \t \t \t \t(データの場合を案内してくださいすることができ、上記の関数に以下のコードを追加する必要があります。タイプ== "Y") \t \t \t \t \t \t yearFilter(data.text); 他\t \t \t \t \t(data.type == "Q") \t \t \t \t \t場合3210 quarterFilter(data.text);他 \t \t \t \t \t \t(data.type == "M")であれば \t \t \t \t \t \t monthFilter(data.text)。 }); –

+0

コールバックの 'data'に、私が言及したJSONが含まれていることを確認できますか? –

+0

はい、JSONです。上記の機能はチェックボックス –

関連する問題