2

我正在尝试将查询字符串添加到 URL，对其进行编码，然后使用 Bitly API ( http://dev.bitly.com/api.html ) 缩短它。

前两个步骤运行良好，我已设法使用 API 将 URL 发送给 Bitly，但无法显示短 URL；我所看到的只是[object Object]

我知道 API 调用已经成功，因为当我登录到我的 Bitly 帐户时，我可以在我的历史记录中看到这个位标记，所以问题一定出在我的代码上，我确信这很简单，但遗憾的是它超出了我的范围。

$('#shorten').click(function () {
        $encodedTrackedURL = encodeURIComponent($trackedURL);
        $bitly = $.getJSON('https://api-ssl.bitly.com/v3/shorten?access_token=' + $accessToken + '&longUrl=' + $encodedTrackedURL + '&format=json');
        $('#displayURL').text($bitly);
    });

我已将完整代码放到 jsfiddle 上：http: //jsfiddle.net/gstubbenhagen/EnNq3/15/

PS OAuth 访问令牌存储在变量中，$accessToken但由于显而易见的原因被删除。

4

1 回答 1

2

问题是你没有$.getJSON正确使用。由于这是一个异步调用，因此字符串不会同步存储在变量中。相反，您需要在回调函数中进行后续工作。

$('#shorten').click(function () {
    $encodedTrackedURL = encodeURIComponent($trackedURL);
    var params = {
        access_token: $accessToken,
        longUrl: $encodedTrackedURL,
        format: 'json'
    };

    $.getJSON('https://api-ssl.bitly.com/v3/shorten', params, function (response, status_txt) {
        $('#displayURL').text(status_txt + ' ' + response.data.url);
    });
});

此外，您需要仔细查看文档/v3/shorten以正确理解返回值。请注意，它实际上返回了一个 JSON 对象，其url值为短 URL。您还可以指定format: 'txt'和获取短 URL（以字符串形式）作为整个响应。

编辑：我误解了 API 文档。看起来响应对象包含外部级别的元数据（例如 bit.ly 状态文本，与 HTTP 响应文本不同），然后内部data对象应该包含真实数据。由于缺少访问令牌，我无法让它工作，但请继续尝试上述方法。（更新了 JSFiddle）

于 2013-06-10T16:44:01.930 回答