Adding header to Ajax request

Question

How can I add a request header to an ExtJS ajax request?

I specifically want to add the header: accept-encoding to equal true.

Undertow

You question is very unclear. Perhaps you can be more descriptive as for what exactly you're trying to achieve? – Moron

@Moron I clarified it to my understanding of the question. Hopefully I didn't take too many liberties with it... – Mcconnell

Answer 1

You can specify request headers like this:

Ext.Ajax.request({
    url: 'yourUrl',
    headers: {
        'accept-encoding': 'true'
    }
})​

Haha

does this works also for loading stores (as a config of load at the same level as params ?) – Frustule

Hi @code4jhon, you want something like this to set headers on a stores proxy: Ext.getStore('YourStore').proxy.headers = {'accept-encoding': 'true'} – Haha

yeah, added config when defining the store. (config in the proxy obviously) thanks works fine. – Frustule

Answer 2

Have you tried the headers config in the Ajax request:

Ext.Ajax.request({
    url: 'someURL',
    headers: {
        'accept-encoding': true
    }
});

Mcconnell

Answer 3

If you want to add a header to all Extjs ajax requests:

Ext.Ajax.defaultHeaders = {
    'accept-encoding' : true
};

Pacificism

Answer 4

With ExtJs 6. Ext.Ajax.defaultHeaders doesn't work. But using the following setter works

Ext.Ajax.setDefaultHeaders({
    'accept-encoding' : true
});

Balmy