title: How to set headers in Ajax call?
body: <p>I am developing multi-language website using Angularjs and a Web api as backend. I am trying to send <code>RequestedPlatform</code> and <code>RequestedLanguage</code> in the header whenever I make an API call.</p>
  
  <p>Below is my Ajax request call.</p>
  
  <pre><code>$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');
                 });
  </code></pre>
  
  <p>updated code</p>
  
  <pre><code>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');
                 });
  </code></pre>
  
  <p>May I get some help to set headers in Ajax. Any help would be appreciated.</p>