When calling api from web application using ajax (error 401 unauthorize)?

Question

api calling from web application ajax (401 unauthorize error). all cookie get in api ,in this cookie access token available but api will not authorize in this code used a withCredentials: true and using identity server 6

web application ajax code below hare

    $(document).ready(function () {
        GetData();
        function GetData() {
            $.ajax({
                type: "GET",
                url: "https://localhost:7129/Customer",
                crossDomain: true,                
                xhrFields: {
                    withCredentials: true
                },              
                dataType: "json",                
                headers: {
                    "Access-Control-Allow-Origin": "*",
                    "Access-Control-Allow-Methods": "*",
                    "Access-Control-Allow-Headers": "*",
                    'Content-Type': 'application/json'
                },
                credentials: 'include',
                success: function (data) 
                {
                    alert(JSON.stringify(data));
                   
                    }); //End of foreach Loop

                }, //End of AJAX Success function

                failure: function (data) {
                    alert( "failure " + data.responseText);
                }, //End of AJAX failure function
                error: function (xhr, status, error) {
                    // Handle the error
                    console.log("AJAX request failed.");
                    console.log("Status: " + status);
                    console.log("Error: " + error);
                } //End of AJAX error function

            });
        }

    });

in this ajax code send access token in header api authorize successful

  headers: {
               "Authorization": "Bearer " + "Access Token",

            },

but cookie base authorize not working getting (error 401 unauthorize)

solving this error 401 unauthorized when calling api from web appllication

please confirm that the cookies are correctly set and include the necessary authentication information — Sweety SK, Jun 23 '23 at 06:49
how to api authorize cookie base when calling form web application using ajax — NamanGajjar, Jun 23 '23 at 07:07
try placing breakpoints on your controller, moreover is server configured for CORS properly, could be issues with auth type, does your api allow it? — abdul qayyum, Jun 23 '23 at 11:17

score 0 · Answer 1 · answered Jun 23 '23 at 07:49

I don't know whether this code will help you or not, I am also attaching the link along with the code, hope this might help you https://datatables.net/forums/discussion/45615/how-to-load-table-from-ajax-request

 
    // this is the DataTable initializer  apply the ajax call
    $(".display").DataTable({
        "ajax":function(data, callback, settings) {
 
                // code
 
        }
    });
 
    // this ajax function sends credentials required for authorization
    // and receives the data from the API.
 
     
    $.ajax({
        url: 'http://testdomain/api/testtables',
        method: "GET",
        xhrFields: {
            withCredentials: true
        },
        success: function (data) {
            // loop data to console to verify it is
            // arriving to browser
             
            $.each(data, function(a, b) {
                console.log(b);
            });
        }
    });
     
});```


  [1]: https://datatables.net/forums/discussion/45615/how-to-load-table-from-ajax-request

this code also not working – NamanGajjar Jun 23 '23 at 08:54 — NamanGajjar, Jun 23 '23 at 08:54

When calling api from web application using ajax (error 401 unauthorize)?

1 Answers1