XMLHttpRequest 始终 returns 未定义

XMLHttpRequest always returns undefined

我正在制作一个 XMLHttpRequest,它应该 return 一个 mp3 文件。然而,它 returns 'undefined'。我在控制台中没有收到任何错误(认为这是允许内容问题,但这是 public API)。

这是 jssfiddle 和代码。请注意,我没有发布有效的 API 密钥,因此我们应该收到“ERROR: The API key is not available!”而不是 mp3,但仍然不是 undefined.

https://jsfiddle.net/r0j9yojo/5/

<button onclick="doit()">doit</button>

function doit() {
    var endpoint = 'https://api.voicerss.org/?key=testkey&src=test&hl=es-es';
    var client = new XMLHttpRequest();
    client.open('GET', endpoint, true);
    client.onreadystatechange = function() {
      if (client.readyState == 4 && client.status == 200) {
    alert(client.readyState + '/' + client.status + '/' + client.responsetext);
      }
    }
    client.send();
}

您要查找的 client 的 属性 是 responseText,而不是 responsetext(注意大写的 T)。

将来,使用 console.log(object)(在您的情况下 console.log(client))通过浏览器控制台检查对象,通常使用 F12 或通过菜单访问。