Question

我目前正在学习RESTful API。我现在可以将JSON打印到控制台，但是我如何实现将它回显到实际的网页...任何建议都会非常感激..请参阅下面的代码。

＆＃13;

$(document).on("ready", function(){
  loadData();
});	
			
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>");
    }
  });
}

＆＃13;

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

＆＃13;

Answer 1

尝试使用jquery .each（）循环，在你的情况下它应该是有用的（迭代JSON对象）

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

记住Array类型和Object类型之间的区别;你不能用对象上的简单'FOR'循环迭代 - 对象没有迭代值 - 对象具有你必须调用以获取数据的键。例如：

var object = { name: 'Foo' }

要获得“Foo”值，您必须致电：object.name

Answer 2

您可以使用forEach在Javascript中迭代数组。

$(document).on("ready", function(){
  loadData();
});	
    			
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>

PHP中的Echo JSON

2 个答案: