Jquery Ajax에서 다차원 PHP 배열에 액세스

Question

내 MSSQL Server 인스턴스에서 SQL 쿼리를 실행하는 PHP 스크립트가 있습니다. 나는 좋은 결과를 얻는다. 이제 $ .ajax에서 그 결과를 조작하려고하지만 Obejct 테이블의 acessing 필드의 "Object.field_name"방식이 내 Jquery Ajax에서 작동하지 않는 것 같습니다 (어쩌면 한 줄이 돌아 왔기 때문일 수도 있습니다)

테이블은 php에서 json_encoded입니다. 이 데이터에 액세스하여 전 세계에 배포 할 수 있도록 도와 주시겠습니까?

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); 


?> 

자바 스크립트

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); 

JQuery와 아약스, 브라우저 내 PHP 스크립트의 출력은 Whithout :

[{"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 : my_data이 정의되기 전에 $(document).ready(get_my_data); 바로 위에있는 마지막 alert(my_data);이 호출됩니다. 이는 $.ajax이 비동기이기 때문입니다.

Answer 2

$.ajax은 비동기이기 때문에 해당 범위에서 my_data에 액세스 할 수 없습니다.

하지만 난 당신이 내가 당신이 찾고있는 무슨 생각이 방법

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가 비동기이며 서버가 값을 반환하기 전에 호출이 실행된다는 것입니다.