Javascript 使用AJAX在HTML中显示php结果

我试图用不同的

-s显示我的php结果。我的计划是用php进行查询，并以JSON格式显示结果。由于JSON格式，我的结果可以以不同的

显示我如何才能达到这个目标，例如

“name”

可以显示在

标签之间？

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>

尝试：

[
    {
        "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>

$.ajax({
类型：'GET'，
url:'foo.php'，
数据：'json'，
成功：功能（数据）{
$（'.result'）.html（数据）；
}
});

您可以这样创建它：

for (var i = 0; i < res.length; i++) {
  var id = $("<div></div>").html(data[i].id);
  var name = $("<div></div>").html(data[i].name);
   var title = $("<div></div>").html(data[i].title);

  $('.result').append(id).append(name).append(title);
}

for（变量i=0；i

按如下方式操作：-

success: function(data){
    var newhtml = ''; //newly created string variable
    $.each(data, function(i, item) {//iterate over json data
        newhtml +='<div>'+ item.name +'</div>'; // get name and wrapped inside div and append it to newly created string variable
    });
    $('.result').html(newhtml); // put value of newly created div into result element
}

成功：函数（数据）{
var newhtml=''；//新创建的字符串变量
$.each（数据，函数（i，项）{//迭代json数据
newhtml+=''+item.name+''；//获取name并将其包装在div中，然后将其附加到新创建的字符串变量中
});
$（'.result'）.html（newhtml）；//将新创建的div的值放入result元素
}

尝试将返回的数据解析为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>

$.ajax({
类型：'GET'，
url:'foo.php'，
数据：'json'，
成功：功能（数据）{
//添加了JSON解析
var jsonData=JSON.parse（数据）；
//遍历每个对象
$.each（jsonData，函数（索引，元素）{
//对每个JSON对象执行您想要的操作
$（'.result'）.append（''+element.name+''）；
});                
}
});

//PS代码未经测试。 //关于

.html（数据[0].name）

。。。你知道如何访问JSON数据吗？

$（'.result'）。append（''+data[0].name+''）

-它将第一个结果名为div的div添加到带有result类的div中。

success:function（data）{var newhtml=''；$.each（data，function（i，item）{newhtml+=''+item.name+'；}；$（'.result'）.html（newhtml）；}