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

时间:2016-03-27 16:53:59

标签: javascript php jquery json ajax

在我的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文件中显示它

1 个答案:

答案 0 :(得分:1)

尝试将php更改为:

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>'); 
});