javascript - 显示来自 jSON 对象的值

Question

我提前道歉 - 我是新手!这是一个检索 JSON 对象的函数:

var testButton = document.getElementById('testButton');
var text = document.getElementById('Text');

testButton.addEventListener('click', function() {

    var getUser = new XMLHttpRequest();
    var URL = "http://location/folder/testuser.json";

    getUser.onreadystatechange = function() {
    if (getUser.readyState == 4 && getUser.status == 200) {
        text.innerHTML = getUser.responseText;
    }
  };
  getUser.open("GET", URL, true);
  getUser.send();
});

这是 JSON 对象:

 {          
    "dateofbirth":"01/02/2016",
    "email":"DonaldDuck@email.com",
    "firstname":"Donald",
    "lastname":"Duck",
    "password":"mypassword"
 }

该函数显示了整个 json 对象，这是预期的。我将如何只显示出生日期、电子邮件、名字等？谢谢!

Answer 1

使用.propertyname 引用每个属性，以便显示名称:

text.innerHTML = getUser.responseText;

变成:

text.innerHTML = getUser.responseText.firstname + ' ' + getUser.responseText.lastname;