ajax自定义教程,如何用js或jQuery向Ajax请求添加自定义HTTP头？

PrestaulTxugo提出了一个问题：How can I add a custom HTTP header to ajax request with js or jQuery?，或许与您遇到的问题类似。

回答者Prestaul给出了该问题的处理方式：

There are several solutions depending on what you need...

If you want to add a custom header (or set of headers) to an individual request then just add the headers property:

// Request with custom header

$.ajax({

url: 'foo/bar',

headers: { 'x-my-custom-header': 'some value' }

});

If you want to add a default header (or set of headers) to every request then use $.ajaxSetup():

$.ajaxSetup({

headers: { 'x-my-custom-header': 'some value' }

});

// Sends your custom header

$.ajax({ url: 'foo/bar' });

// Overwrites the default header with a new header

$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

If you want to add a header (or set of headers) to every request then use the beforeSend hook with $.ajaxSetup():

$.ajaxSetup({

beforeSend: function(xhr) {

xhr.setRequestHeader('x-my-custom-header', 'some value');

}

});

// Sends your custom header

$.ajax({ url: 'foo/bar' });

// Sends both custom headers

$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

Edit (more info): One thing to be aware of is that with ajaxSetup you can only define one set of default headers and you can only define one beforeSend. If you call ajaxSetup multiple times, only the last set of headers will be sent and only the last before-send callback will execute.

希望本文对你有帮助，欢迎支持JavaScript中文网