Implement a shorten url feature in angularjs

Question

I am trying to implement a shortened url feature in my web application.So I am using google shorten url api in angularjs using ajax but I am not getting anything in response.`

$http.post('https://www.googleapis.com/urlshortener/v1/url?key=#key','http://uihacker.blogspot.ca/2013/04/javascript-use-googl-link-shortener.html').success(function(data,status,headers,config){
                $scope.shortUrl=data.id;
            }).
            error(function(data,status,headers,config){

            });

`

Well, what's the error! console.log(data) and everything else inside the block — tymeJV
– tymeJV, Commented Apr 7, 2015 at 23:11
GET localhost:9000/post [HTTP/1.1 200 OK 1614ms] GET localhost:9000/assets/first.css [HTTP/1.1 200 OK 47ms] GET localhost:9000/assets/file.js [HTTP/1.1 200 OK 17ms] GET localhost:9000/assets/t.jpg [HTTP/1.1 200 OK 244ms] GET localhost:9000/assets/f.gif [HTTP/1.1 200 OK 242ms] GET localhost:9000/a%22%22 [HTTP/1.1 404 Not Found 10ms] POST localhost:9000/getUrl [HTTP/1.1 200 OK 231ms] POST googleapis.com/urlshortener/v1/url [HTTP/2.0 400 Bad Request 121ms] — rahul
– rahul, Commented Apr 7, 2015 at 23:15
GET localhost:9000/a%22http://www.socialorra.com/wp-content/uploads/… [HTTP/1.1 404 Not Found 5ms] — rahul
– rahul, Commented Apr 7, 2015 at 23:15

HankScorpio · Accepted Answer · 2015-04-07 23:27:13Z

2

The request is not formed correctly based on google's docs. Try this:

$http.post('https://www.googleapis.com/urlshortener/v1/url?key=#key',{longUrl:'http://uihacker.blogspot.ca/2013/04/javascript-use-googl-link-shortener.html'}).success(function(data,status,headers,config){
            $scope.shortUrl=data.id;
        }).
        error(function(data,status,headers,config){

        });

answered Apr 7, 2015 at 23:27

HankScorpio

3,65117 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

HankScorpio Over a year ago

Are you sure you've got a valid key? And also that you're not actually inserting # into the start of your key?

HankScorpio Over a year ago

By the way, if you're using chrome there are more developer tools than just the console. In the "Network" tab, click on the failed call to get more detailed information about it. For example, if your key is invalid then the response would say something like: "errors": {"domain": "usageLimits", "reason": "keyInvalid", "message": "Bad Request"}

Collectives™ on Stack Overflow

Implement a shorten url feature in angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related