javascript - 我如何解析从 javascript 或 jquery 中的 php 脚本检索到的 json 数据

Question

请有人帮助我，我是 ajax 的新手，我一直在尝试从 php 脚本中读取 json 数据，但没有成功。当我控制台记录我得到的数据时，

{"name":"JOHN","surname":"FIGO","sex":"M","Records_id":"1","student":""}.

当我执行此操作时 console.log(data[2]); 我只是得到 n 字符。我想要的是获取值，例如 console.log(data['name']); 应该给 JOHN 或 console.log(data [0]); 应该给 JOHN。当我使用 javascript 或 jquery 解析方法时，出现错误，我不明白。这是代码；

<?php 
$conn= new mysqli('localhost', 'root', '', 'Goldfinger');

$query= 'SELECT * FROM records';

$result= $conn->query($query);

     while($row = $result->fetch_assoc()) {
       echo json_encode($row);

}
?>

和 jquery;

$('#one').click(function () {

        $.ajax({
            url: 'ajaxtesting.php',
            type: 'POST',       
            success: function (data) {
                if (data) {
                    console.log(data['name']);
                };
            }, 
            error: function () {
                $('div:not(#one)').text('error dude!');
            }
        })
    })

请原谅我的代码，如果它很差。提前谢谢你。

Answer 1

像这样将 dataType : 'json', 放入 ajax 设置中:

 $.ajax({
        url: 'ajaxtesting.php',
        type: 'POST',
        dataType : 'json', //<------------- here   
        success: function (data) {
            if (data) {
                console.log(data['name']);
            };
        }, 
        error: function () {
            $('div:not(#one)').text('error dude!');
        }
    })

或者简单地在成功回调中解析:

 $.ajax({
        url: 'ajaxtesting.php',
        type: 'POST',       
        success: function (data) {
           var myData = $.parseJSON( data ); //<------- here
            if ( myData ) {
                console.log(myData['name']);
            };
        }, 
        error: function () {
            $('div:not(#one)').text('error dude!');
        }
    })