IIS basic authentication with web api.

Question

Believe me there is no solution given anywhere for this.

 

1. I have created a web api project
   
2. Enabled the Cors
   
3. deployed the web api in iis 7.5
4. Enabled Basic authentication (IIS Basic auth mode)
5. Send an ajax request like below

function getEmployee() {
       debugger;
       $.ajax({
           "type": "get",
           "url": "http://localhost:8080/api/employeeservice",
           "xhrFields": {
               "withCredentials": true
           },
           "dataTpe": "Json",
           "headers": {

               'Authorization': 'Basic' + btoa('XYZ' + ":" + 'XYZ123')
           },
           "cache": false,
           "crossDomain": true,
           "success": function (data) {

               $(data).each(function (i, y) {
                   var trr = document.createElement("tr");
                   $(trr).append("" + y.Id + "").append("" + y.Name + "").append("" + y.DOB + "").append("" + y.Salary + "").append("" + y.Gender + "");
                   $("table tbody").append(trr);
               });

           },





       })
   }

 I have given my 3 hours of dedicated time to make this work , read all thread in StackOverflow but nothing worked.

 

Always getting the cors error even when Cors is enabled and works fine when i test with MVC or jqeuery (different port No) without hosting it on IIS.Only the authentication is creating chaos.

 

The first thing that may come to your mind is who uses the basic authentication and moreover IIS basic auth, obviously no one , but this is just for knowledge purpose.I am very curious when its a matter of any technology.

 

So please help me , otherwise it may take my whole week.