如何从 AJAX jquery 函数访问多维关联 json 数组

Question

I have to return a return a multidimensional associative arrays from PHP page for a jQuery AJAX function.

This is my PHP page called 'seachsongs.php'

     <?php
$brano = $_POST['brano'];

    $sql = "SELECT Titolo, Autore FROM Brani WHERE Titolo = '$brano';";

    $ris = $conn->query($sql);


    while ($row = $ris->fetch_array()) {

        $arr[] = $row;
    }

    echo json_encode(array('data' => $arr));

    ?>

This is my jQuery AJAX function

$(document).ready(function () {


    $('#nBrano').keyup(function () {

        nomeBrano = $(this).val();
        $.ajax({
            type: "POST",
            data: {brano: nomeBrano},
            url: "searchsong.php",
            success: function (data) {
                document.write(data);
                //alert("Prova" + data['data'][0]["Titolo"]);
                /*if (msg != 'null') {
                    $('#similarSongs').css('display', 'block');
                    /*$.each(prova, function (key1, value1) {
                        $.each(value1['two']['three'], function (key1, value1) {
                            document.write('test');
                        });
                    })
                    $('#similarSongs table').html(tabella);
                }
                if (msg == 'null') {
                    $('#similarSongs table').html("Nessun brano simile trovato");
                    $('#similarSongs').css('display', 'block');
                }*/
            },
            error: function () {
                //alert('errore');
            }

        });

    });

});

How can I access to array data from jQuery? What is the correct statement?

alert(data)

print this

{"data":[{"0":"Animals","Titolo":"Animals","1":"Martin Garrix","Autore":"Martin Garrix"},{"0":"Animals","Titolo":"Animals","1":"Maron V","Autore":"Maron V"}]}{"data":[{"0":"Animals","Titolo":"Animals","1":"Martin Garrix","Autore":"Martin Garrix"},{"0":"Animals","Titolo":"Animals","1":"Maron V","Autore":"Maron V"}]}

PS: sorry form my bad english.

Answer 1

I've set the data type of this request to be json , so the response returned should be a json object. You can access it by this way:

$(document).ready(function () {
    $('#nBrano').keyup(function () {
        nomeBrano = $(this).val();
        $.ajax({
            type: "POST",
            data: {brano: nomeBrano},
            url: "searchsong.php",
            dataType:'json',
            success: function (response) {
                for(var i=0; i<response['data'].length; i++){
                    console.log(response['data'][i][/*your_target_index*/]);
                }
            },
            error: function () {
                //alert('errore');
            }
        });
    });
});

see more about ajax