Ajaxコールでヘッダーを設定する方法は？

Question

AngularjsとWeb apiをバックエンドとして使用して、多言語のWebサイトを開発しています。 APIコールを行うたびに、RequestedPlatformとRequestedLanguageをヘッダーに送信しようとしています。

以下は私のAjaxリクエストコールです。

$http.post(url,RegistrationData).then(function (response) { 
        var pageList = response.data.ID; 
        toastr.success('', 'Registered Succesfully'); 
        $state.go('Registration.OTPVerification', { pageList }); 
       }, function (error) { 
        toastr.error('', 'Error Occured'); 
       }); 

更新されたコード

var RegistrationData = { 
        FirstName: $scope.user.Fname, 
        LastName: $scope.user.Lname, 
        Password: $scope.user.password, 
        Gender: "Male", 
        DateOfBirth: "2017-04-04", 
        Nationality: $scope.user.selectedGlobe, 
        Mobile_CountryCod: "91", 
        MobileNumber: $scope.user.mobilenumber, 
        EmailId: $scope.user.email, 
        Home_Location: $scope.user.homeLocation, 
        Home_City: $scope.user.homeCity, 
        Home_Neighbourhood: $scope.user.homeNeighbourhood, 
        Home_HouseNumber: $scope.user.housenumber, 
        Home_MainStreet: $scope.user.homemainstreet, 
        Home_SubStreet: $scope.user.homesubstreet, 
        Work_Location: $scope.user.worklocation, 
        Work_City: $scope.user.workcity, 
        Work_Neighbourhood: $scope.user.workNeighbourhood, 
        Work_HouseNumber: $scope.user.workhousenumber, 
        Work_MainStreet: $scope.user.workmainstreet, 
        Work_SubStreet: $scope.user.worksubstreet 
       }; 
       var req = { 
        method: 'POST', 
        url: url, 
        data: { RegistrationData: RegistrationData }, 
        headers: { 
         RequestedPlatform: "Web", 
         RequestedLanguage: "English" 
        } 
       } 
       $http(req).then(function (response) { 
        var pageList = response.data.ID; 
        toastr.success('', 'Registered Succesfully'); 
        $state.go('Registration.OTPVerification', { pageList }); 
       }, function() { 
        toastr.error('', 'Error Occured'); 
       }); 

は、私は、Ajaxのヘッダーを設定するためのいくつかの助けを得ることができます。どんな助けもありがとう。

Answer 1

を探している願っています

var req = { 
method: 'POST', 
url: 'http://example.com', 
headers: { 
    'Content-Type': undefined 
}, 
data: { test: 'test' } 
} 

$http(req).then(function(){...}, function(){...}); 

、あなたは完全に$httpProvider.defaults.headersにアクセスして設定することができますすべてのリクエストのヘッダをしたい場合構成オブジェクト、

Reference

Answer 2

私はそれをしばらく使用してきた方法がいくつかあります。私はあなたが$ HTTPのheadersプロパティでヘッダーを送信することができますが、以下の

$http.post('test', data, { 
     withCredentials : false, 
     transformRequest : angular.identity, 
     headers : { 
      'Content-Type' : undefined 
     } 
})