AJAX 响应中的不同数据记录 Javascript

Question

我正在使用 HTML/CSS/JS 和 AJAX 连接到服务器的网站上工作。（网络开发新手）

我目前有这个来获取数据并将其放入数组中。

var addresses = [];

$.ajax({
     type: "GET",
     url: 'GetAddresses.php',
     data: {"type":"check"},
     success: function(response){
         alert(response);
         addresses.push(response) // add values from php to array
     }
    });

但是，如果 php 回显地址、姓名和城市等信息会怎么样。我如何访问这些不同的值？

感谢您的帮助。

Answer 1

通常你会写 PHP 来输出结构化数据，例如JSON，然后在客户端解析。

<?php
    header("Content-Type: application/json");

    $data = [ "address" => "foo", "name" => "bar", "city" => "baz" ];

    echo json_encode($data);
?>

然后在客户端上：

$.ajax({
     type: "GET",
     url: 'GetAddresses.php',
     data: {"type":"check"},
     success: function(response){
         alert(response);
         console.log(response.address);
         console.log(response.name);
         console.log(response.city);
     }
 });

与你提问的重点无关，pushing data into an array in the wider scope from an Ajax callback很可能会给你带来麻烦。

AJAX 响应中的不同数据记录 Javascript

AJAX different data records in Response Javascript

html

javascript

php

ajax