使用qwest.js的AJAX发布请求goo.gl url shortener api

时间:2015-03-20 17:46:54

标签: javascript jquery ajax google-url-shortener

我正在尝试使用goo.gl URL Shortener API缩短URL,这是一个开源库(qwest.js)。我已经使用jquery成功实现了它,但是它给了我错误"这个API不支持解析表单编码的输入。"使用qwest完成时。

我的代码用jquery:

var longURL = "http://www.google.com/";
 $.ajax({
        url: 'https://www.googleapis.com/urlshortener/v1/url?key=AIzaSyANFw1rVq_vnIzT4vVOwIw3fF1qHXV7Mjw',
        type: 'POST',
        contentType: 'application/json; charset=utf-8', 
        data: '{ longUrl:"'+ longURL+'"}',         
        success: function(response) {
          console.log(response)
        }
 })
.done(function(res) {
    console.log("success"); 
})
.fail(function() {
    console.log("error");
})
.always(function() {
    console.log("complete");
});

和qwest.js的非工作代码

var longURL = "http://www.google.com/"    
qwest.post('https://www.googleapis.com/urlshortener/v1/url?key=479dfb502221d2b4c4a0433c600e16ba5dc0df4e&',
    {longUrl: longURL}, 
    {responseType:'application/json; charset=utf-8'})
                    .then(function(response) {
                        // Make some useful actions
                    })
                    .catch(function(e, url) {
                        // Process the error
                    });

强烈建议任何帮助。

1 个答案:

答案 0 :(得分:6)

qwest的作者;)

如文档中所述:the default Content-Type header is application/x-www-form-urlencoded for post and xhr2 data types, with a POST request

但Google Shortener服务不接受它。我假设它想要一个JSON输入类型。然后,您应该将qwest的dataType选项设置为json。此外,您的responseType选项无效,也不会遵循文档。通常情况下,如果Google使用有效的Content-Type标头回复请求,则您无需进行设置。这是一个很好的代码:

qwest.post('https://www.googleapis.com/urlshortener/v1/url?key=479dfb502221d2b4c4a0433c600e16ba5dc0df4e&', {longUrl: longURL}, {dataType:'json'})

如果Google未发送已识别的Content-Type,请将responseType选项设置为json