CODEWITHSUNDEEP
javascriptapi
cows
cows

Reputation: 101

basic authentication not working javascript

I am having some trouble getting a few things working. I am trying to connect through basic authentication. I am using javascript in my HTML code. I get the following error message: " Failed to load http://**********/connections?********* : Response for preflight is invalid (redirect)" where I have redacted the API endpoint. The code I wrote is the following. 

	
	
		var Key = "something";
		var Secret = "something else";
		var url = 'http://**********';
	
					$.ajax({
						
						headers: {
							  'X-******-Key':Key,
							  'X-**********Secret':Secret,
							  'Content-Type':'application/x-www-form-urlencoded'
						   },

						
						type: "GET",
						url: url,
						contentType: "application/json; charset=utf-8",
						dataType: "json",
						success: function(json) {
							 alert("Success", json);
						},
							
						error: function(XMLHttpRequest, textStatus, errorThrown) {
						   alert(textStatus, errorThrown);
						},
						
						beforeSend: function (xhr) {
							
						
							
						  xhr.setRequestHeader ("Authorization", "Basic " + btoa(Key + ":" + Secret));
						},
						type: 'GET',
						contentType: 'json',
					});
				
	
 <html>
<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

</head>

hi
</html>

You can substitute the API end points and secret and Key to try the code for a common basic authentication API to try the code. I don't have access to the Server. I know it is still possible to make this work because someone else said they have this working. Can anyone help me with this?

Upvotes: 0

Views: 613

Answers (1)

Charlie
Charlie

Reputation: 23768

Response for preflight is invalid (redirect)

Your server doesn't handle CORS properly.

Browsers won't let fetch data via ajax if the request is made to an external domain unless the server handles CORS properly and CORS headers are available in the responses.

Please read the article:

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Upvotes: 1

Related Questions