AngularJS 帖子的全局标头

Question

如何使用 AngularJS 创建类似于 jQuery 的全局标头？

类似这样的：

$.ajaxSetup({
    beforeSend: function (xhr) {
        xhr.setRequestHeader('Requested-With', 'XMLHttpRequest');
        xhr.setRequestHeader('__RequestVerificationToken', 'abc123');
    }
});

现在我正在这样做：

$http({
    url: 'mysite.com/',
    method: 'POST',
    data: 'data',
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})

Answer 1

哇...就在我面前！

如@charlietfl 所说，阅读“设置标题”部分......这真的很简单。

http://docs.angularjs.org/api/ng.$http

设置 HTTP 标头 $http 服务会自动添加某些 所有请求的 HTTP 标头。这些默认值可以完全配置 通过访问 $httpProvider.defaults.headers 配置对象， 当前包含此默认配置：

要添加或覆盖这些默认值，只需添加或删除一个属性 从这些配置对象。为 HTTP 方法添加标头 除了 POST 或 PUT，只需添加一个小写的新对象 HTTP 方法名称作为键，例如

$httpProvider.defaults.headers.post = { 'My-Header' : 'value' }

示例代码

var app = angular.module('app', ['app.controller', 'app.service']);

app.config(function ($httpProvider) {
    $httpProvider.defaults.headers.post = { "X-Requested-With": "XMLHttpRequest", "__RequestVerificationToken": $('[name=__RequestVerificationToken]').val() };
});