在jQuery中獲取php數組？

Question

試圖檢索的名稱和城市在jquery中。看起來PHP結果在jQuery中作爲數組返回。

<?php 
$val = array(
    name => $_POST["name"], 
    city => $_POST["city"] 
); 

foreach($val as $res) { 
    echo $res; 
} 
?> 

$(document).ready(function(){ 
 
    $.post("get.php", 
 
     { 
 
      name : "fakename", 
 
      city : "fakecity" 
 
     }, 
 
     function(data){ 
 
      // returns name and city as a single array 
 
      alert(data); 
 
      // how to get it as an associative array 
 
      // desired result : 
 
      //* alert(data.name); 
 
      //* alert(data.city); 
 
     } 
 
    ); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

使用JSON：

<?php 

$val = [ 
    'name' => $_POST["name"], 
    'city' => $_POST["city"] 
]; 
echo json_encode($val); 
die(); 

?> 

在您的JS：

$.ajax({ 
    url: 'get.php', 
    type: 'POST', 
    data: { 
     name: 'fakename', 
     city: 'fakecity' 
    }, 
    dataType: 'json' 
}).done(function(ret){ 
    console.log(ret.name, ret.city); 
}); 

Answer 2

在你的PHP，只返回一個JSON編碼數組：

<?php 
$val=array(
    name => $_POST["name"], 
    city => $_POST["city"] 
); 
echo json_encode($val); 
?> 

，然後在你的JS，你幾乎可以做你是：

$(document).ready(function(){ 
    $.post("get.php", 
    { 
     name : "fakename", 
     city : "fakecity" 
    }, 
    function(data){ 
     // returns name and city as a single array 
     alert(data); 
     // how to get it as an associative array 
     // desired result : 
     //* alert(data.name); 
     //* alert(data.city); 
    }); 
}); 

Answer 3

發送數據作爲JSON字符串，然後在javascript它收到一個JavaScript對象。

使用jQuery.post(url [, data ] [, success ] [, dataType ])調用的第4個參數來指定js數據將作爲json返回。

<?php 

    $val=array(
      name => $_POST["name"], 
      city => $_POST["city"] 
      ); 
    echo json_encode($val); 
?> 

然後在js

$(document).ready(function(){ 
     $.post("get.php", {name : "fakename",city : "fakecity"}, 
      function(data){ 
       //alert(data); 
       alert(data.name); 
       alert(data.city); 
     },'json');     // extra param specifying returned data will be json 
    });