2013-11-20 7 views
5

के लिए वैश्विक शीर्षलेख AngularJS का उपयोग कर jQuery के समान वैश्विक शीर्षलेख कैसे बना सकता हूं?AngularJS पोस्ट

कुछ इस तरह:

$.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'} 
}) 
+2

पढ़ने अनुभाग डॉक्स में हेडर की स्थापना – charlietfl

उत्तर

12

वाह ... यह सिर्फ मेरे चेहरे के सामने था!

"सेटिंग्स शीर्षलेख" अनुभाग को पढ़कर @charlietfl ने कहा ... यह वास्तव में सरल है।

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

HTTP हेडर $ http सेवा स्वचालित रूप से सभी अनुरोधों का कुछ HTTP हेडर जोड़ देगा स्थापना।

को जोड़ने के लिए या इन चूक के ऊपर लिख, बस जोड़ सकते हैं या इन विन्यास वस्तुओं से एक संपत्ति निकालें: ये डिफ़ॉल्ट पूरी तरह से $ httpProvider.defaults.headers विन्यास वस्तु, जो वर्तमान में इस डिफ़ॉल्ट कॉन्फ़िगरेशन शामिल पहुंच कर विन्यस्त किया जा सकता। POST या PUT के अलावा किसी HTTP विधि के लिए हेडर जोड़ने के लिए, बस निम्न प्रकार के 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() }; 
});