Echo JSON in PHP

Question

現在、私はRESTful APIについて学んでいます。私は現在コンソールにJSONを印刷することができますが、どのように私は実際のWebページにそれをエコーするだろう...任意のアドバイスをいただければ幸いです..私のコードをご覧ください。

$(document).on("ready", function(){ 
 
    loadData(); 
 
}); \t 
 
\t \t \t 
 
var loadData = function(){ 
 
    $.ajax({ 
 
    type:"POST", 
 
    url:"api.php" 
 
    }).done(function(data){ 
 
    console.log(data); 
 
    var post = JSON.parse(data); 
 
    for(var i in post){ 
 
     $("#content").append(post[ i ].usuario + " " + post[ i ].nombres + "<br>"); 
 
    } 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

Answer 1

jQueryの.each（）ループを使用しようと、それは（JSONオブジェクトの反復）あなたの場合に有用である必要があり

https://api.jquery.com/each/

配列の違いを覚えておいてくださいタイプとオブジェクトタイプ。オブジェクトの単純な 'FOR'ループで反復することはできません。オブジェクトには反復値がありません。オブジェクトには、データを取得するために呼び出す必要があるキーがあります。たとえば：

var object = { name: 'Foo' } 

あなたが呼び出す必要があります "foo" という値を取得するには：object.name

Answer 2

は、JavaScriptの配列を反復処理するためにforEachを使用することができます。

$(document).on("ready", function(){ 
 
    loadData(); 
 
}); \t 
 
    \t \t \t 
 
var loadData = function(){ 
 
    $.ajax({ 
 
    type:"POST", 
 
    url:"api.php" 
 
    }).done(function(data){ 
 
    console.log(data); 
 
    var post = JSON.parse(data); 
 
     
 
    // Foreach item in post 
 
    post.forEach(item, index) { 
 
     $("#content").append(item.usuario + " " + item.nombres + "<br>"); 
 
    } 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 

 
<div id="content"></div>