如何提取作为链接保存到 DOM 的 foursquare access_token 以便我可以将其用于 API 调用？

Question

本质上，如果我在 Firebug 中查看网络对象，我会看到状态 200

如果我单击 JSON 选项卡，我可以看到我的 access_token，但如何从那里提取它以便用于 API 调用？

这是尝试的最新代码。

var jsonUrl = url +"&callback=?";
var access_token;

$("#getJSON").click(function() {
    $.getJSON(jsonUrl, { dataType: "JSONP" }, function(json){ 
        ...
        access_token = json.access_token;
        ...
    });
});

也尝试过：

$.ajax({
  dataType: 'jsonp',
  jsonp: 'callback',
  url: url,
  success: function (json) {
    console.log(json.access_token);
  },
});

但是当我尝试警报（access_token）时；或者运行 foursquare api 调用我收到以下错误

Resource interpreted as Script but transferred with MIME type application/json. 

Uncaught SyntaxError: Unexpected token : checkinsGET https://api.foursquare.com/v2/users/self/checkins?oauth_token=undefined&format=json 401 (Unauthorized)

我感觉它已经准备好并等待我调用它，但是我到底如何将它从 Dom 打印到我可以使用的 var 中？我已经奋斗了几个小时，并尝试了我所有的研究技术，但出于某种原因，这个技术却让我无法理解。感谢大家到目前为止的帮助，我真的希望能够通过这个！

Answer 1

浏览器本身实现了一个全局函数 JSON.parse()，如果由于某种原因不起作用，您可以使用 jQuery 的 parseJSON() 函数。

这是它的工作原理。假设您的 JSON 对象具有以下格式：

{
    Status: "Success",
    Resource: {
        Name: "Person's Name",
        URL: "http://blahblahblah.com/extrastuffhere?querystuff=here"}}

然后您可以使用 JSON.parse() 访问“URL”元素，如下所示：（

var url = JSON.parse(json).Resource.URL;

我不熟悉 Foursquare，但它看起来应该类似，您可以执行 console.log( json）以查看其结构。）

因此您的代码可能如下所示：

$("#getJSON").click(function() {
    $.getJSON(jsonUrl, { dataType: "JSONP" }, function(json){ 
        var parsed = JSON.parse(json);
        console.log(parsed);
        access_token = parsed.access_token;
    });
});

希望有帮助！