Pure JavaScript code for HTTP Basic Authentication?

Question

Where can I find reference code that implements a HTTP Basic Authentication client in pure JavaScript, suitable for AJAX?

Extra points for code, or pointers to code, that can be used independent of JS toolkits like YUI. No points for Java, Flash/Flex, PHP frameworks, etc.

What do you mean pure javascript? You're looking for a way to set cookies with javascript without the page reloading? — Luca Matteis
– Luca Matteis, Commented Jan 29, 2009 at 16:01

cambunctious · Accepted Answer · 2016-11-17 22:03:35Z

61

The five-parameter version of the XMLHttpRequest.open method allows you to specify the username and password. (WHATWG spec)

xhr.open(method, url, async, username, password)

edited Nov 17, 2016 at 22:03

cambunctious

9,8416 gold badges40 silver badges60 bronze badges

answered Jan 29, 2009 at 15:18

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

Comments

splattne · Accepted Answer · 2009-01-29 15:15:36Z

24

There is a good article/tutorial written by Paul James. I used it some time ago and it worked for me.

HTTP Authentication with HTML Forms

[...] XMLHTTPRequest, it can submit the correct HTTP auth headers for us. Rather than adjusting the URL the form submits to, we can use XMLHTTPRequest to do a request before the form submits supplying the entered username and password.

This will set up the browser with the HTTP auth credentials so it'll also send them with our actual form submission login request.

edited Jan 29, 2009 at 15:15

answered Jan 29, 2009 at 15:10

splattne

104k54 gold badges206 silver badges250 bronze badges

2 Comments

system PAUSE Over a year ago

More than what I was looking for, but looks like a very nice way to replace the browser's default login dialog.

Paintoshi Over a year ago

I tried this and it works but I get this in Chrome console: Subresource requests whose URLs contain embedded credentials (e.g. https://user:pass@host/) are deprecated, and will be blocked in M59, around June 2017. See chromestatus.com/feature/5669008342777856 for more details. Are there any other methods?

Collectives™ on Stack Overflow

Pure JavaScript code for HTTP Basic Authentication?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related