如何在Javascript中将JSON数据解析为字段值

我对网络编程相当陌生。我有一个函数，用于填充Select上的表单字段值

Javascript代码如下所示：

function loadTemplate(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                var myTemplate = JSON.parse(this.responseText);
                document.getElementById("first_name").value = myTemplate.first_name;
            }
        };
        xmlhttp.open("GET", "templates?id=" + str, true);
        xmlhttp.send();
    }
}

templates？id=22页响应如下所示

[
{
"id": 1,
"profile": 1,
"first_name": "Robert",
"timestamp": "2019-12-14 00:00:00",
"ip": "127.0.0.1",
"status": 1
}
]

现在，我尝试单独获取first_name值并填充表单字段，而获取整个JSON响应

请帮忙

---

谢谢

数据将作为数组返回，您需要获取索引0处的对象，然后才能访问其属性，请尝试：

document.getElementById("first_name").value = myTemplate[0].first_name;

---

此外，可能需要检查mytemplate在索引0处是否有元素，否则如果数组为空，则会发生错误，因为数组中的对象为空，因此mytemplate[0]。首先，在这些情况下，您可以使用浏览器javascript调试器。按F12键，您将找到许多对开发人员有用的资源。一个是js调试器，所以在一行上设置一个断点，然后查看返回的数据。成功了。非常感谢您的快速帮助。