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, Feb 21 '12 at 14:40
then you have your error the function encodebase64 is undefined — mas-designs, Feb 21 '12 at 14:43
android/iOS ? or do u see this error while testing on browser? — ghostCoder, Feb 21 '12 at 14:44
This is your answer http://stackoverflow.com/questions/246801/how-can-you-encode-to-base64-using-javascript — Rene Pot, Feb 21 '12 at 14:45

score 7 · Accepted Answer · answered Feb 21 '12 at 15:01

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 '12 at 15:01

steveukx

4,370
19
27

thanks that helped. But when I deliberately change to a wrong username/password I find the error method is never called. – Neelesh Feb 21 '12 at 15:07
Does your server respond with a 401 status code when the username/password are wrong? – steveukx Feb 21 '12 at 17:56
Yes it returns { "error": { "code": 401, "message": "Unauthorized: Basic Authentication Required" } } – Neelesh Feb 22 '12 at 13:14
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. – steveukx Feb 22 '12 at 17:34

Jquery basic authentication error

1 Answers1