How to prevent browser to invoke basic auth popup and handle 401 error using Jquery?

javascript jquery rest basic-authentication
Alexey Zakharov picture Alexey Zakharov · Mar 25, 2012 · Viewed 101.5k times · Source

I need to send authorization request using basic auth. I have successfully implemented this using jquery. However when I get 401 error basic auth browser popup is opened and jquery ajax error callback is not called.

Answer

nwinkler picture nwinkler · Mar 26, 2012

I was facing this issue recently, too. Since you can't change the browser's default behavior of showing the popup in case of a 401 (basic or digest authentication), there are two ways to fix this:

  • Change the server response to not return a 401. Return a 200 code instead and handle this in your jQuery client.

  • Change the method that you're using for authorization to a custom value in your header. Browsers will display the popup for Basic and Digest. You have to change this on both the client and the server.

    headers : {
  "Authorization" : "BasicCustom"
}

Please also take a look at this for an example of using jQuery with Basic Auth.

Related questions

JavaScript/jQuery to download file via POST with JSON data

I have a jquery-based single-page webapp. It communicates with a RESTful web service via AJAX calls. I'm trying to accomplish the following: Submit a POST that contains JSON data to a REST url. If the request specifies a JSON response, …

Read More
JavaScript REST client Library

Is there a JavaScript library which allow me to perform all the REST operation like (GET, POST, PUT and DELETE over HTTP or HTTPS)?

Read More
Understand Backbone.js REST calls

I am trying to understand the Backbone.js sync method and was going through the documentation on http://backbonejs.org/#Sync It says The default sync handler maps CRUD to REST like so: create → POST /collection read → GET /collection[/id] …

Read More