javascript – 使用AJAX在HTML中显示php结果

我试图在不同的< div> -s中显示我的PHP的结果.我的计划是在PHP中查询并以JSON格式显示结果.由于JSON格式,我的结果可以显示在不同的< div>中.我怎样才能达到这个目的,例如“名称”可以显示在< div>之间.标签？

PHP的示例结果：

[
    {
        "id": 0,
        "name": "example1",
        "title": "example2"
    },
    {
        "id": 0,
        "name": "example1",
        "title": "example2"
    }
]

尝试：

 <div class="result"></div>

 <script>
 $.ajax({
    type:'GET',
    url:'foo.PHP',
    data:'json',
    success: function(data){
            $('.result').html(data);
    }
});
</script>

解决方法:

您好尝试将返回的数据解析为JSON对象：

<div class="result"></div>

 <script>
 $.ajax({
    type:'GET',
    url:'foo.PHP',
    data:'json',
    success: function(data){

            // added JSON parse
            var jsonData = JSON.parse(data);

            // iterate through every object
            $.each(jsonData, function(index, element) {

                 // do what you want with each JSON object
                 $('.result').append('<div>' + element.name + '</div>');

            });                
    }
});
</script>

// PS代码未经测试.
// 问候