Angularjs http.get विफलता (लेकिन मुझे लगता है कि डेटा वापस कर दिया गया था)

Question

मैं एंगुलरजेस फोन ट्यूटोरियल के माध्यम से चल रहा हूं और रिमोट सर्वर से फोन JSON प्राप्त करना चाहता हूं।

$http.get('http://myserver.com/phones.json').success(function(data) { 
    $scope.phones = data; 
}); 

यह CORS के कारण विफल, मैं GET अनुरोध एक विकल्प भेज रहा था नहीं, इसलिए मैं नियंत्रक को यह पहली पंक्ति जोड़ा

delete $http.defaults.headers.common['X-Requested-With'];  

मैं अब चार्ल्स में देख सकते हैं कि एक विकल्प नहीं मिल myserver.com पर अनुरोध किया जा रहा है, और फोन जेएसओएन प्रतिक्रिया में है। लेकिन http.get अभी भी स्थिति 0 और 'डेटा' के साथ विफल रहा है शून्य है।

सुनिश्चित नहीं है कि आगे क्या प्रयास करें। किसी भी अंतर्दृष्टि की सराहना की।

Answer 1

इसे किसी GET के लिए विकल्प अनुरोध नहीं करना चाहिए, इसलिए यह सही लगता है। मुझे लगता है कि आप क्या करना चाहते हैं:

$http.get('http://myserver.com/phones.json').then(function(data) { 
    $scope.phones = data; 
}, function(err) { alert('Oh no! An error!'}); 

मुझे लगता है कि आप then(), जो तर्क के रूप में दो कार्यों लेता है का उपयोग करना चाहते - सफलता के लिए पहले, और त्रुटि के लिए दूसरा। $http.get() एक वादा देता है जिसे then() पर कार्य किया जाता है।

इसके अलावा, आप शायद $resource बजाय $http उपयोग करना चाहते हैं। यह अमूर्त के एक उच्च स्तर प्रदान करता है, और एक अधिक पुन: प्रयोज्य शैली के लिए अनुमति देता है, http://docs.angularjs.org/api/ngResource $ संसाधन

संपादित करें:।

चेक बाहर कोणीय डिबग उपकरण here। यह आपको दिखाता है कि स्कॉप्स में क्या उपलब्ध है, और प्रदर्शन डेटा दिखाता है।

Answer 2

ठीक है, अगर आप एक क्रॉस डोमेन अनुरोध कर रहे हैं, तो यह जानने के लिए कि आपको अनुमति है या नहीं, pre-flight request के रूप में एक विकल्प अनुरोध करने का अधिकार है। यदि CORS विफल रहता है तो आपके ब्राउज़र को डेटा प्राप्त होगा लेकिन यह एक त्रुटि फेंक देगा। तो, या तो आप अपने एचटीएमएल को एक ही डोमेन में डाल दें या सीओआरएस को अपने बैकएंड में जोड़ें (जो अधिक कठिन है)।

Answer 3

यहां एक अच्छा ट्यूटोरियल है जो $ http.jsonp विधि का उपयोग कर क्रॉस-डोमेन GETS लागू करता है। हेडर को कोई हैक नहीं।

http://net.tutsplus.com/tutorials/javascript-ajax/building-a-web-app-from-scratch-in-angularjs/