Javascript 如何使用ajax从php循环json数据

在我的php文件中

foreach($qry_1 as $v)
{       
    $subcat=array('title'=>$v['title'],'cat_id'=>$v['cat_id']);
    echo json_encode($subcat);
}

在我的jquery文件中

$.ajax({
    type:'POST',
    url:"php/process.php",
    data:{cat_id:cat_id},
    dataType:"json",
    success: function(data){

        //how to loop through data to show in div
    });        
}
})

在我的html文件中

<div id="title">

</div>

我想在div中显示我的json数据，那么我如何循环通过jquery从php接收的json数据，以及如何在html文件中显示它呢

<div id="title">

</div>

foreach($qry_1 as $v)
{   
    // add to subcat array in each iteration    
    $subcat[]=array('title'=>$v['title'],'cat_id'=>$v['cat_id']);

}
//output final array
echo json_encode($subcat);

然后在ajax回调中：

$.each(data, function(_, item){
    $('#title').append('<p> Title: ' + item.title + '</p>'); 
});

<代码>$。每个（数据、函数（u、项）{ $（'#title'）。追加（'title:'+item.title+'

'）； });

---

能否显示json结构？您可能不应该在同一个PHP文件中输出多个json块。将每个

$subcat

放入一个数组，然后输出整个数组，否则您将无法解析JSON，因为它将无效。^在循环中回显JSON会生成无效的JSON，如果您在该ajax调用中添加了错误处理程序，您将看到that@priyabratasen正如我所说，将每个

$subcat

添加到一个数组中，然后输出整个JSON编码的数组。首先迭代，然后

echo JSON_encode（）

一次，并且仅一次，始终！谢谢@charlietfl工作得很好，但当我在下拉按钮ie中使用它时。当我更改类别下拉按钮时，我在另一个下拉按钮中获得了上面的json数组，但当我再次更改类别时，前一个数组不会更改，它显示了当前数组，请指导我如何销毁前一个数组se

empty（）

首先，如果您要更改内容，您能否告诉我将在其中放置空内容（）它在php@charlietflcan中显示错误您可以告诉我将在其中放置空内容（）它在php@charlietfl中显示错误