Доступ к многомерному массиву PHP в JQuery Ajax

Question

У меня есть php-скрипт, выполняющий SQL-запрос на моем экземпляре MSSQL Server. Я получаю хороший результат. Теперь я пытаюсь манипулировать своим результатом из $ .ajax. Но кажется, что способ заполнения полей в объектной таблице «Object.field_name» не работает в моем JQuery Ajax (возможно, потому что есть больше, чем одна строка)

Таблица json_encoded в php. Не могли бы вы помочь мне получить доступ к этим данным и поместить их в глобальный vairable?

PHP скрипт

<?php 
header('Access-Control-Allow-Origin: *'); 
header('Content-Type: application/json'); //Newly added 
ini_set('display_errors', 1); 
ini_set('display_startup_errors', 1); 
error_reporting(E_ALL); 

    try { 
    $hostname = "SQLEXPRESS"; 
    $port = 1433; 
    $dbname = "MY_BD"; 
    $username = "user"; 
    $pw = "password"; 
    $dbh = new PDO ("sqlsrv:Server=$hostname,$port;Database=$dbname","$username","$pw"); 
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
    }catch (PDOException $e) { 
    echo "Failed to get DB handle: " . $e->getMessage() . "\n"; 
    exit; 
    } 

$stm = $dbh->prepare("SELECT * FROM dbo.emp"); 
$stm->execute(); 

$table_1 = array(); 
while($row = $stm->fetch(PDO::FETCH_ASSOC)){ 
    $table_1[] = $row; 
} 

echo json_encode($table_1); 


?> 

скрипт Javascript

var my_data ; 

function get_my_data(){ 

$.ajax({ 
    type: 'POST', 
    url: 'http://localhost:8012/My_Script/test_1.php', 
    dataType: "json", 
    crossDomain: true, 
    success: function(result) { 
     my_data = result; 
     alert(my_data); //This will alert [Object object] 
     alert(my_data.id); //This will alert undefined ; id being on of the 
     //result fields 
    } 
    }); 
} 

alert(my_data); //This will alert undefined (not even [Object Object] 
//as if the global variable my_var can't be access in the $.ajax part 
$(document).ready(get_my_data); 

Whithout Jquery Ajax, вывод мой PHP скрипт в браузере:

[{"id":"1","name":"John","sal":"1525.21","age":"45"}] 
[{"id":"2","name":"Cecily","sal":"854.75","age":"28"}] 
[{"id":"3","name":"Alfred","sal":"945.28","age":"37"}] 

Answer 1

Проблемы:

1: Вы не имеете доступа к объектам my_data. my_data - массив объектов. Чтобы получить доступ к свойству id первого объекта, используйте my_data[0].id.

2: Последний alert(my_data); непосредственно над $(document).ready(get_my_data); вызывается до определения my_data. Это связано с тем, что $.ajax является асинхронным.

Answer 2

Вы не можете получить доступ к my_data из этой области, потому что $.ajax является асинхронным.

Но я могу предложить вам сделать этот путь

var my_data; 

function get_my_data() { 

    $.ajax({ 
    type: 'POST', 
    url: 'http://localhost:8012/My_Script/test_1.php', 
    dataType: "json", 
    crossDomain: true, 
    success: function(result) { 
     my_data = result; 
     //alert(my_data); // this is an array you can't alert it do console.log(my_data) 
     //alert(my_data.id); // you can't access id directly because it's an array 
     // rather you can do this way loop/map over it will return each array item 
     my_data.map(function(data) { 
     alert(data.id); 
     }) 
    } 
    }); 
} 

//as if the global variable my_var can't be access in the $.ajax part 
$(document).ready(function() { 
    get_my_data(); 
}); 

Answer 3

Я думаю, что вы ищете способ перебора результатов.

$(my_data).each(function(index,value) { 
    alert(value.id); 
}); 

должно работать. Что касается этого глобального. Объявите переменную вне вызова и установите ее в успех, и вы сможете получить к ней доступ. Причина, по которой для вас не определена, заключается в том, что ajax является асинхронным и этот вызов выполняется до того, как сервер вернет значение.