我如何添加一个自定义的HTTP头到JS或JQuery的AJAX请求?

有谁知道如何使用JavaScript或jQuery添加或创建自定义HTTP标头?


有几种解决方案取决于你需要什么...

如果您想要将自定义标题(或标题集)添加到单个请求中,请添加headers属性:

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

如果你想为每个请求添加一个默认的头文件(或者一组头文件),那么使用$.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' } });

如果你想添加一个头(或套头)的每一个请求,然后使用beforeSend用钩$.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' } });

编辑(更多信息):有一点需要注意的是,使用ajaxSetup只能定义一组默认标题,并且只能定义一个beforeSend 。 如果多次调用ajaxSetup ,则只会发送最后一组标题,并且只会执行最后一次发送前回调。


或者,如果您想为每个未来请求发送自定义标头,则可以使用以下内容:

$.ajaxSetup({
    headers: { "CustomHeader": "myValue" }
});

这样,每个未来的ajax请求都将包含自定义标题,除非被请求的选项明确覆盖。 你可以在这里找到关于ajaxSetup更多信息


假设JQuery ajax,你可以添加自定义标题,如 -

$.ajax({
  url: url,
  beforeSend: function(xhr) {
    xhr.setRequestHeader("custom_header", "value");
  },
  success: function(data) {
  }
});
链接地址: http://www.djcxy.com/p/46179.html

上一篇: How can I add a custom HTTP header to ajax request with js or jQuery?

下一篇: val() doesn't trigger change() in jQuery