Jquery basic authentication error

Question

I am a newbie to Jquery. I am trying to send a request with basic authentication using jquery. This is what i do.

$.ajax({
          type: "GET",
          url: domain,
          dataType: 'json',
          success: function(){
            alert('Thanks for your comment!'); 
          },
          error:function(){
            alert('here');
          },
          beforeSend: function(xhr){ 
            xhr.setRequestHeader('Authorization', 'Basic ' + encodeBase64(username + ":" + password));
          }
});

But my problem is I dont get any feedack. Looks like both the success or the error method is called.

On further debugging i get

Uncaught ReferenceError: encodeBase64 is not defined

What am i missing? Help would be appreciated.

Have you looked in the console if there are any errors or with firebug what the response to your post is ? — mas-designs
– mas-designs, Commented Feb 21, 2012 at 14:40
then you have your error the function encodebase64 is undefined — mas-designs
– mas-designs, Commented Feb 21, 2012 at 14:43
android/iOS ? or do u see this error while testing on browser? — ghostCoder
– ghostCoder, Commented Feb 21, 2012 at 14:44

steveukx · Accepted Answer · 2012-02-21 15:01:03Z

7

The error is saying that there is no method called encodeBase64 defined.

Many browsers have a built-in conversion from ascii to base64 called btoa:

xhr.setRequestHeader('Authorization', 'Basic ' + btoa(username + ":" + password));

If you are supporting older browsers, make sure that there is a base64 polyfill, such as the one at http://ww.w.icodesnip.com/search/javascript%20dark%20codes/45

answered Feb 21, 2012 at 15:01

steveukx

4,34321 silver badges27 bronze badges

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

4 Comments

Neelesh Over a year ago

thanks that helped. But when I deliberately change to a wrong username/password I find the error method is never called.

steveukx Over a year ago

Does your server respond with a 401 status code when the username/password are wrong?

Neelesh Over a year ago

Yes it returns { "error": { "code": 401, "message": "Unauthorized: Basic Authentication Required" } }

steveukx Over a year ago

Unless the HTTP status code is a 401, jQuery will be running the success handler instead of the error handler (it sees the XHR as having been successful if there is a 200 HTTP status code). You may find it easier to move your logic to the "complete" handler instead and check the message body of the response to see if there is an error or not.

Collectives™ on Stack Overflow

Jquery basic authentication error

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related