在Javascript中获取TinyUrl

Question

function ShortUrl(bigurl)
{
$.getJSON(
  "http://tinyurl.com/api-create.php",
   url: 'http://dfsghdsvfbjvjd.com',
  function(data){
   alert(data);
  });
}

不工作

$['getJSON']('http://tinyurl.com/api-create.php?url=http://xxxxxxx.com/', function (a) {
                         h = a;
alert (h);

                     });

此调用也不起作用。已尝试各种调用，但未获得tinyurl。

Answer 1

您正在使用的API返回的不是JSON形式的缩短URL，而是纯文本形式。而且无法通过AJAX调用从另一个域(这里是tinyurl)提取纯文本数据。参见same origin policy。

如果您想要做的只是缩短URL客户端，bit.ly有一个支持JSONP的应用程序接口。

$.getJSON('http://api.bitly.com/v3/shorten?callback=?',
    {
        format: "json",
        apiKey: YOUR_API_KEY,
        login: YOUR_LOGIN,
        longUrl: "http://link.to.be/shortened"
    },
    function(response) {
        console.log(response.data.url);
    }
);

Answer 2

你不需要像http://tinyurl.com/api-create.php?url=google.com这样的$.getJSON接口链接。因为它将短url作为纯文本返回。

所以，我认为这就足够了：

$.get("http://tinyurl.com/api-create.php?url=google.com", function(shorturl){
    alert(shorturl)
});

请参阅：http://api.jquery.com/jQuery.get/

Answer 3

直接在浏览器中调用CORS应用程序接口会导致cors问题，其中一个解决方法是使用cors-anywhere服务。我通常使用tinyurl-client npm包来缩短浏览器上的url，下面是如何使用它

1. 将其安装在终端

中

npm install @kulkul/tinyurl-client

1. 在javascript

上使用它

import shortenUrl from "@kulkul/tinyurl-client";

shortenUrl("https://kulkul.tech").then((result) => {
    console.log({ result }); // https://tinyurl.com/<slug>
});

附言:我是npm包的创建者，如果你有任何问题，可以在这里发布https://github.com/kulkultech/tinyurl-client