Unable to access HTTP response headers during Ext.ajax.request callback in ExtJS 4.2.1

Question

Unable to access HTTP response headers during Ext.ajax.request callback in ExtJS 4.2.1

When making an Ext.ajax.request, I am attempting to read the headers of the response that is coming. Here is the code snippet:

Ext.Ajax.request({ url: 'http://localhost:3000/v0.1/login' ,
    method: 'POST',
    scope:this,
    jsonData: {"_username":username,"_userpwd":password},
    success: function(responseObject){
        var headers = responseObject.getAllResponseHeaders();
        console.info(headers );
        Ext.destroy(Ext.ComponentQuery.query('#loginWindow'));
        this.application.getController('SiteViewController').showView();
    },
    failure: function(responseObject){
        alert(responseObject.status);
    }
    });

However, when I check the console, only one header is printed out:

Object {content-type: "application/json; charset=utf-8"}

All the other headers are missing from the output, even though they are visible in the Chrome inspector. What could be causing this discrepancy? Any insights would be appreciated. Thanks.

javascript ajax http extjs httpresponse

Answer 1

Answer №1

If you're making a cross-domain request, keep in mind that only the server can explicitly expose headers. Requests on the same domain will expose all headers without issue.

To ensure specific headers are exposed, add the "Access-Control-Expose-Headers" header on the server side with a list of headers separated by commas. In PHP, this would be done as follows:

header("Access-Control-Expose-Headers: Content-length, X-My-Own-Header");

These headers can then be accessed using methods like

responseObject.getAllResponseHeaders()

or

responseObject.getResponseHeader('content-type')

.

For more details on cross-domain requests and headers, check out this resource: http://www.html5rocks.com/en/tutorials/cors/

PS: Ace.Yin provided the correct answer, but unfortunately I lack the reputation to leave a simple comment.

Answer 2

If you're making a cross-domain request, keep in mind that only the server can explicitly expose headers. Requests on the same domain will expose all headers without issue.

To ensure specific headers are exposed, add the "Access-Control-Expose-Headers" header on the server side with a list of headers separated by commas. In PHP, this would be done as follows:

header("Access-Control-Expose-Headers: Content-length, X-My-Own-Header");

These headers can then be accessed using methods like

responseObject.getAllResponseHeaders()

or

responseObject.getResponseHeader('content-type')

.

For more details on cross-domain requests and headers, check out this resource: http://www.html5rocks.com/en/tutorials/cors/

PS: Ace.Yin provided the correct answer, but unfortunately I lack the reputation to leave a simple comment.

Answer 3

Answer №2

After encountering the same issue, I stumbled upon a helpful solution at this link.

Here is a snippet regarding the headers:

Access-Control-Expose-Headers (optional) - 
The XMLHttpRequest 2 object provides a method called getResponseHeader() to retrieve specific response header values.
During a CORS request, this method can only access simple response headers. 
Simple response headers include:

- Cache-Control
- Content-Language
- Content-Type
- Expires
- Last-Modified
- Pragma

To allow clients to access other headers, you must use the Access-Control-Expose-Headers header. This header's value should be a comma-separated list of response headers that you wish to expose to the client.

I have not yet verified it, but it seems to be on the right path :)

Answer 4

After encountering the same issue, I stumbled upon a helpful solution at this link.

Here is a snippet regarding the headers:

Access-Control-Expose-Headers (optional) - 
The XMLHttpRequest 2 object provides a method called getResponseHeader() to retrieve specific response header values.
During a CORS request, this method can only access simple response headers. 
Simple response headers include:

- Cache-Control
- Content-Language
- Content-Type
- Expires
- Last-Modified
- Pragma

To allow clients to access other headers, you must use the Access-Control-Expose-Headers header. This header's value should be a comma-separated list of response headers that you wish to expose to the client.

I have not yet verified it, but it seems to be on the right path :)

Unable to access HTTP response headers during Ext.ajax.request callback in ExtJS 4.2.1

Answer №1

Answer №2

Similar questions

Determine if an element is being hovered over using jQuery

The continuous updating of images through AJAX results in an irritating flickering and blinking effect

The Chrome file storage system saves information in files

Developing a perpetually scrolling container within a webpage

Hide the background when the modal appears

How can I assign an ID to retrieve the property of <?php $row->name;?> using AJAX?

Obtain specific information from custom fields on the product page

Utilizing various if conditions in conjunction with the jQuery chart plugin Piety

Jquery UI slider malfunctioning would require troubleshooting

Steps for including a collection of objects in FormData when transmitting data to a Spring server using AJAX

Differences between throwing errors, returning error objects, and using callbacks in Javascript

Updating the value on button click using Rails 5, Ajax, and jQuery

Tips for correcting the `/Date(xxxxxxxxxxxxx)/` formatting issue in asp.net mvc

Is it possible for me to set a timer on the 'keyup' event in order to decrease the frequency of updates?

How can I retrieve the line number of a code during runtime in JavaScript?

"Modifying a variable within an object while iterating through a loop

Using AngularJS in conjunction with other scripts

I keep running into an issue whenever I attempt to import material ui icons and core - a frustrating error message pops up stating that the module cannot be found

The application suddenly displays a blank white screen after encapsulating my layout with a context provider

Utilizing Ajax in conjunction with the func_get_args() function