jsonオブジェクト配列を印刷するには

Question

jquery関数をオンラインで見つけましたが、ちょっと微調整しましたが、youtubeチャンネルのフィードデータがjsonオブジェクトに変換されます。次に、オブジェクト配列からのデータを格納します。私は与えられた余分なデータを格納する必要がありますが、私はその配列内のデータを見ることができるようにデータを表示する方法を知らない。私はjsonオブジェクトやjqueryのデータを印刷する方法について知らないので、これは混乱していると思います。私はそれが私が信じている印刷機能を持つPHPでそれをやった。

これは前述の関数である：

$j(function() { 
    $j.getJSON('http://gdata.youtube.com/feeds/users/iCallOfDutyFILMS/uploads?orderby=published&alt=json-in-script&callback=?&max-results=1', function(data) { 
     $j.each(data.feed.entry, function(i, item) { 
      var updated = item.updated; 
      var url = item['media$group']['media$content'][0]['url']; 
      var thumb = item['media$group']['media$thumbnail'][0]['url']; 
      var numViews = item['yt$statistics']['viewCount']; 
      //var vidDescription = item['']['']; 
      var width = 710; //only change this number 
      var height = width*9/16; 
      //...rest left out... 

     }); 
    }); 
}); 

私はビデオの説明をつかむ方法を参照するには、配列をプリントアウトしたいです。私はちょうど配列を通してそれへの道を知りません。私はPHPでどのようにできるように配列を印刷するjqueryの方法はありますか？

Answer 1

、これはインスペクタが表示されます。 [コンソール]をクリックすると、コンソールウィンドウが表示されます。

JavaScriptコードでは、印刷する変数やオブジェクトを 'inspect'してください。コンソールログメソッドに渡します。

var your_array_variable = "a string variable"; 
console.log(your_array_variable); //<-- This is what you want to do! 

ここで、ページを更新して、作成中のイベントまたは機能を実行します。

Voila！...コンソールウィンドウで、>Object（オブジェクトを印刷する場合）が表示されます。

上記の例では、a string variableがコンソールに表示されます。

展開ツリーノード（>）をクリックすると、オブジェクト/変数の詳細が表示されます。

あなたはconsole.logにほとんど何でもできます！それは何が起こっているのかを学ぶ素晴らしい方法です。

「ブレークポイント」を設定することもできますが、これはまったく問題です！

私は何をあなたが探してはいると思う：

console.log(data); // To show the JSON data received

---

更新
はこれを試してみてください、それはコンソールで、あなたが上でクリックできる2つのオブジェクトが表示されます、私のために働きました検査する。最初はjsonリクエストのデータ、2番目は$ .eachでループされた項目です。 これは私のために働いた、id="get_json"と何かのクリックで。これにより要求が行われ、応答がコンソールに記録されます。

$('#get_json').click(function(e){ 
     e.preventDefault(); 
     $(function() { 
      var json_url = 'http://gdata.youtube.com/feeds/users/iCallOfDutyFILMS/uploads?orderby=published&alt=json-in-script&max-results=1&callback=?'; 
      $.getJSON(json_url, function(data) { 
       console.log(data); // Here we log to our console 
       $.each(data.feed.entry, function(i, item) { 
        console.log(item); // This is what you want i think 
        var updated = item.updated; 
        var url = item['media$group']['media$content'][0]['url']; 
        var thumb = item['media$group']['media$thumbnail'][0]['url']; 
        var numViews = item['yt$statistics']['viewCount']; 
        //var vidDescription = item['']['']; 
        var width = 710; //only change this number 
        var height = width*9/16; 
        //...rest left out... 

       }); 
      }).success(function() { alert("success"); }) 
      // Errors are your friend!.. Use them.. 
       .error(function(jqXHR, textStatus, errorThrown) { 
         console.log("error " + textStatus); 
         console.log("error throw " + errorThrown); 
         console.log("incoming Text " + jqXHR.responseText); 
        }) // End of .error 
       .complete(function() { alert("complete"); }); 
      }); 
     }); 

Answer 2

Do a console.log(yourarray);ブラウザのJavaScriptコンソールで出力を確認することができます。

Answer 3

Firebugやその他の開発ツールを使用している場合は、console.log（データ）とFirebug（または使用している検査ツール）のJSON応答を検査できます。次に、そのビューを使用して、目的のビデオ記述にアクセスするための「パス」を決定することができます。

幸運。

Answer 4

ブラウザに組み込まれているインスペクタを使用してオブジェクトを見てみませんか？ Chrome、Firefox、および新しいバージョンのIEには、あなた自身のコードを書く必要なく、あなたを助けることができる検査官がいます。

Answer 5

コードを書く前にサードパーティから取得しているJSONを調べる場合は、http://jsonlint.com/に移動し、Url（コールバックなしのプレーン）を入力して[検証]をクリックします。書式設定されたJSONを検証して表示します。クロムまたはFirefox、プレスF12で

http://jsonlint.com/

http://gdata.youtube.com/feeds/users/iCallOfDutyFILMS/uploads?orderby=published&alt=json&max-results=1

Answer 6

特にFirefoxとChromeでツリーのシステムを使用して探索するあなたのより良いダンプを与えるコマンドconsole.dir(object)もあります。

詳細情報：https://developer.mozilla.org/en-US/docs/Web/API/console.dir

Answer 7

お使いのブラウザや環境が右JSONオブジェクト（例えばFirefoxのを）持っている場合は、オブジェクトを文字列に変換し、あなたが望むしかし、使用するJSON.stringify(obj)を使用することができます。