【问题标题】:Bitly API - how to shorten a link with pure javascript, no libraries available (not even jquery)Bitly API - 如何使用纯 JavaScript 缩短链接,没有可用的库(甚至没有 jquery)
【发布时间】:2015-01-31 19:33:39
【问题描述】:

以下是使用 jquery+javascript 和 Bitly 的 API 来缩短链接的工作代码(当您有一个带有登录名和 API 密钥的 Bitly 帐户时)。

我的问题是,我怎样才能只使用纯 javascript 而没有其他可用的库来产生完全相同的结果?

非常感谢任何可以帮助我的人。

编辑: 由于这个问题的具体程度,这个问题还没有答案(推荐的答案根本不相关)。此外,不能引用 DOM,因为这是针对服务器端代码的。因此,建议的重复问题中的每个答案都不起作用。请不要将此标记为重复。

我相信做到这一点的方法是使用 xmlhttprequest,但我完全不知道如何......

再次感谢。

var login = "LOGIN_HERE";
var api_key = "API_KEY_HERE";
var long_url = "http://www.kozlenko.info";
$.getJSON(
    "http://api.bitly.com/v3/shorten?callback=?", 
    { 
        "format": "json",
        "apiKey": api_key,
        "login": login,
        "longUrl": long_url
    },
    function(response)
    {
        alert('Shortened link is: ' + response.data.url);
    }
);

【问题讨论】:

    标签: javascript jquery ajax json bit.ly


    【解决方案1】:

    Javascript 库使用 XMLHttpRequest 对象进行 ajax 调用。您可以使用此对象进行调用。我很快用谷歌搜索了一个:

    var xmlhttp = new XMLHttpRequest();
    var url = "buildTheURLHere.com";
    
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var jsonObj = JSON.parse(xmlhttp.responseText);
            alert('Shortened link is: ' + jsonObj.url);
        }
    }
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
    

    来源:
    http://www.w3schools.com/json/json_http.asp
    https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

    但是您实际上是在谈论 node.js 吗?您在帖子中提到了有关服务器端代码的内容。如果是这样,http.request 将是您最好的选择。

    Nodejs:
    http://nodejs.org/api/http.html#http_http_request_options_callback
    How to make external HTTP requests with Node.js

    【讨论】:

      猜你喜欢
      • 2021-04-28
      • 2016-02-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多