Acessando uma matriz em PHP a partir do Javascript / jQuery

Eu tenho meu código html, php e javascript / jquery em um único arquivo. Eu tenho uma matriz $ arr em php (json_encode ($ arr)) que, quando impresso, mostra os dados no php. Como faço para acessá-lo no javascript. A matriz contém todas as linhas do conjunto de resultados de uma execução de consulta. Eu procurei jsonParse e var json_obj = mas não obtive resultados. Eu sou iniciante, então, é recomendada qualquer ajuda. Meu código até agora no php:

$result_again = $conn->query($sql_again); if ($result_again->num_rows > 0) { $resultarray = array(); while($row_again = $result_again->fetch_assoc()) { $resultarray[] = $row_again; } } echo json_encode($resultarray); 

Meu código no arquivo .js:

  $( document ).ready(function() { $.ajax({ type: "GET", dataType: "json", url: "secondform.php", success: function(data) { alert("Result: " + data); } }); }); 

Passo 1:

Render json_encode ($ arr) em javascript string variable.

 var json = '< ?= json_encode($arr) ?>'; 

Passo 2:

Parse a string JSON no object javascript.

 var obj = JSON.parse(json); 

Ou se você estiver usando jQuery:

 var obj = jQuery.parseJSON(json); 

Agora você tem um object javascript com o qual você pode acessar propriedades como abaixo 🙂

 alert(obj.title); // show object title alert(obj[0].id); // grab first row of array and show 'id' column 

Editar – em resposta a atualização de slugspeeds

Ok, parece que você está fazendo isso com a maneira AJAX usando jQuery. Como o script PHP está usando json_encode (), o jQuery $ .ajax () deve retornar um object de matriz javascript.

 $( document ).ready(function() { $.ajax({ type: "GET", dataType: "json", url: "secondform.php", success: function(arr) { console.log(arr); // show array in console (to view right-click inspect element somewhere on screen, then click console tab) $.each(arr, function( index, row ) { // loop through our array with jQuery console.log('array row #'+index, row); // show the array row we are up to // you can do what you want with 'row' here }); } }); }); 

Para referência: https://developer.chrome.com/devtools/docs/console