使用 Javascript XMLHttpRequest 从 Mongolab 获取文档

Question

我试图在不知道该文档 ID 的情况下获取特定文档。由于我使用的是 Mongolab，我无法查询 ID，因为我让 Mongolab 生成这些。

我已经设法提醒整个集合，但是一旦我尝试添加查询属性，它就会在警报中弹出“未定义”！

有效的代码，并提醒整个集合：

var xhrGet = new XMLHttpRequest();
    xhrGet.open("GET", 'https://api.mongolab.com/api/1/databases/MYBASE/collections/MYCOLLECTION&apiKey=MYAPIKEY');

    xhrGet.onreadystatechange = function(){
      existingUrl = xhrGet.responseText;
      alert(existingUrl);
    }
    xhrGet.send();

提供 Mongolab JSON 格式的片段：

{
  "_id": {
    "$oid": "MongoLab ID"
  },
  "visited": {
    "url": "SomeURL",
    "weight": 1
  }
}

我的问题是我只想访问这个 JSON 文件的“url”字段。当我尝试将例如 .visited 或 .visited.url 添加到警报时；它变成“未定义”。

alert(existingUrl.visited);

和

alert(existingUrl.visited.url);

都是未定义的！

对此有何想法和解决方案？

解决方案（在@furrypet 的帮助和一些更详细的阅读中）：

var xhrGet = new XMLHttpRequest()
    xhrGet.open("GET", 'https://api.mongolab.com/api/1/databases/MYBASE/collections/MYCOLLECTION?q={"visited.url": "' + THEURL + '"}&apiKey=MYAPIKEY');
    xhrGet.onreadystatechange = function(){
      var response = JSON.parse(xhrGet.responseText);
      for(var i = 0; i < response.length; i++){
        var temp = response[i];
        alert(temp.visited.url);
      }
    }

Answer 1

使用 responseText，您的响应格式是纯文本，这意味着您不能像 JSON 对象那样操作它。

您可以更改使用的方法，例如将其替换为 responseXML 以获取 XML 格式，但我建议您使用 JSON.parse 将您的响应字符串转换为 JSON。

所以添加类似：

response = JSON.parse(existingUrl);

你应该能够查询响应对象。欲了解更多信息，请点击此处https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest 和此处https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/JSON/parse

编辑：

按照 OP 的建议，这是一个简单的例子：

// The string should be a valid JSON
 var jsonString = '{"hello":"world"}';
 var jsonObj = JSON.parse(jsonString); // Returns 'Object { hello: "World" }

 // Now you can use jsonObj like a regular JSON Object. Therefore : 
 jsonObj.hello; // will output "World"

 // Reciprocally, if you want to turn a JSON into a string, you may use:
 JSON.stringify(jsonObj); // returns "{"hello":"world"}"