jQuery URL bit.ly shortener

Question

有人会帮我这个jQuery bit.ly URL缩短器吗？

代码如下：

function shortenUrl(urlMatch)
{
    var urlMatch = urlMatch
    var username="myusername";
    var key = 'R_897b82b73568ea74fffbafa5a7b846d';
    $.ajax({
        url:"http://api.bit.ly/v3/shorten",
        data:{longUrl:urlMatch,apiKey:key,login:username},
        dataType:"jsonp",
        success:function(v)
        {
            var shortUrl=v.data.url;
            return shortUrl;
        }
    });
}
$('button').click(function(){
    var urlMatch = $(this).val();
    var newUrl = shortenUrl(urlMatch);
    $('#menu').html(newUrl);
});

每当我运行脚本时，它都会在控制台中返回以下代码：

jsonp1304728172115({ data : [ ] , "status_code" : 500, "status_txt": "missing_arg_uri"})

Answer 1

你有

data:{longUrl:urlMatch,apiKey:key,login:username},

如果 jsonp 类似于 json，那么您的数据参数格式不正确：

data:"{'longUrl':" + urlMatch + ",'apiKey':" + key + ",'login':" + username + "}",

上面的代码没有经过测试，但它应该是相似的。

Answer 2

这个：urlMatch = $(this).val();会将按钮文本放入urlMatch中，这是你想要的吗？

此外，回调上的return不会到达函数，因为ajax()是一个异步函数。要使其同步，请将async:false添加到ajax()参数。

而且return也不会起作用，因此您必须将结果分配给全局变量。

但最好的办法是 用$('#menu').html(shortUrl);替换return shortUrl; ，因为这就是您正在寻找的结果。而且您不需要async:false，这将阻止您的代码并暂时锁定浏览器。

如果全部失败，请尝试在查询字符串本身上传递参数。你可能想看看这个。

Answer 3

"var urlMatch = urlMatch"后面缺少一个分号