Javascript 将php脚本中的json结果放入divs jQuery

我有两个div，每个div都应该有一个来自json结果的记录名

<div class="first"></div>
<div class="second"></div>

我想输入第一个div的值，第一条记录的'Name'值，第二个div也是这样，但第二条记录也是这样。 我正在使用jQuery：

<script>
    $(document).ready(function() {
        $.post("data/result.php",
                function(data) {
                    //alert("Data: " + data);
                    $('div.first').append(data.Name); //data.Name returns undefined
                }
        );
    });
</script>

$（文档）.ready（函数（）{
$.post（“data/result.php”，
功能（数据）{
//警报（“数据：”+数据）；
$（'div.first'）.append（data.Name）；//data.Name返回未定义的
}
);
});

---

任何帮助都将不胜感激。

如果您正在使用post for Your ajax调用，数据将以json字符串的形式返回，请执行以下操作：

$(document).ready(function() {
    $.post("data/result.php",
            function(data) {
                data = JSON.parse(data);
                $('div.first').append(data[0].Name);
                $('div.second').append(data[1].Name);
            }
    );
});

---

如前所述，您需要将结果解析为json。您可以在jquery中使用内置解析器。像这样：

<script>
    $(document).ready(function() {
        $.ajax({
        url: 'data/result.php',
        type: 'POST',
        dataType: 'json',
        success : function (data) {
            $('div.first').append(data[0].Name);
        }
        });
    });
</script>

$（文档）.ready（函数（）{
$.ajax({
url:'data/result.php'，
键入：“POST”，
数据类型：“json”，
成功：功能（数据）{
$（'div.first'）.append（数据[0].Name）；
}
});
});

首先，您可以通过请求提供数据类型：

$.post('data/result.php',function(data) { },'JSON');

如果您没有发布任何信息，为什么不直接使用$.get？（顺便说一句，语法相同）

---

另外，如果您使用.append（…）它将被追加到div中已经存在的任何内容。如果这是您的意图，请使用.append（…）。但是，如果要替换它的内容，即使它是空的，也要使用.text（…）或.html（…）

数据是一个数组->
数据[0]。Name
，使用
POST
时还要确保设置了正确的
contentType
（
json
），它仍然返回Unfinedoh。这不是Ajax请求。对数据使用JSON.parse。检查这条线。谢谢你们的回答：）
$.post('data/result.php',function(data) { },'JSON');

$.post('data/result.php',function(data) {
    var $first = $('div.first'),
        $second = $('div.second');
    $first.text(data[0].Name);
    $second.text(data[1].Name);
},'JSON');