将自定义http标头添加到所有jQuery AJAX请求中

澄清一点:我在向jQuery ajax调用添加自定义标头时没有任何问题,我希望自动将我的自定义标头添加到所有ajax调用中。

如果你看一下jquery $ .ajax自定义http头问题 (不是我的问题),你会看到一个很好的例子,说明如果手动为每个ajax调用实现代码的工作方式。

我想覆盖所有jQuery ajax调用的beforeSend。 根据jQuery文档,我可以通过使用jQuery.ajaxSetup()来做到这一点,但有一个警告说你可能不应该,可能会导致意外行为,所有这些。 对于这种全球回调,他们建议使用.ajaxStart()。 .ajaxStart()看起来很棒,除了它不公开XHR所以我可以添加标题。

我应该使用ajaxSetup添加beforeSend吗? 有没有办法从ajaxStart访问XHR? 其他选择?

预filter将是实现此目的的简单方法:

$.ajaxPrefilter(function( options ) { if ( !options.beforeSend) { options.beforeSend = function (xhr) { xhr.setRequestHeader('CUSTOM-HEADER-KEY', 'CUSTOM-HEADER-VALUE'); } } }); 

这样,除非特定请求覆盖beforeSend选项,否则所有请求都将获得自定义标头。

但请注意,您可以使用ajaxSetup实现相同的目标。 警告的唯一原因是因为使用它会影响所有ajax请求(就像我的方法一样),如果特定请求不需要该选项集,可能会导致不需要的结果。 我建议只使用ajaxSetup,毕竟它就是它的用途。

你可以使用ajax全局事件ajaxSend()

 $( document ).ajaxSend(function( event, jqxhr, settings ) { jqxhr.setRequestHeader(name, value) }); 

演示: 小提琴