javascript - JS输出数组数据

Question

我在互联网上寻找一种工作方法来实现我需要的目标，但到目前为止还没有运气。

基本上，我有一个 AJAX 请求，它运行数据库查询并将所有内容回显到 json_encode 函数 doo-dah -> echo json_encode($row);

现在，它被传回我的 Javascript，这就是我陷入困境的地方。我需要访问 JSON 数组并选择用于动态更改输入字段值的各个部分。这是我必须运行 AJAX 请求并检索 JSON 数组的代码。

var vars = new XMLHttpRequest();
    vars.onload = function() {
        var retrieved = new Array(this.responseText);
        document.getElementById("testingOutput").innerHTML = retrieved;
};

vars.open("GET", "https://my.url.here", true);
vars.send();

下面是我尝试过但没有成功的方法(JS新手..)

var forename = retrieved['first_name']; // Didn't work
var forename = retrieved[1]; // Didn't work either

我还尝试过“for”循环，但也不起作用(无法找到我复制的示例..)。我一开始尝试将检索到的变量设置为 (this.responseText) 但也没有成功。我实际上只需要一种方法，可以将数组的一部分拉出以粘贴到某些 jQuery 中，如下所示:

$("#firstname").val = forename;
$("#lastname").val = surname;

(其中“forename”和“surname”是数组中的 js 变量..)

感谢任何帮助，因为我失去了理智!

编辑:当我刚刚使用var returned = (this.responseText);时，当我使用typeof时，它说类型是一个字符串..并且 var returned = new Array(this.responseText) 作为一个对象返回..我不知道如何访问。

Answer 1

看起来您正在发送 JSON，因此您需要在 JavaScript 中解析该 JSON 以将其转换为原生对象

var retrieved = JSON.parse(this.responseText);

您可以阅读有关 JSON.parse here 的更多信息

<小时/>

如suggested by kiltek在调试时使用 console.log 或 console.dir 也是一个好主意，这样您就可以查看正在使用的数据结构