AJAX का उपयोग कर क्रॉस-डोमेन वेब एपीआई को कैसे कॉल करें?

Question

jQuery.ajax({ 
      type: "GET", 
      url: 'http://example.com/restaurant/VeryLogin(username,password)', 
      dataType: "json", 

      success: function (data) { 
       alert(data); 
      }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
       alert("error"); 
      } 
     }); 

यह सफलता अलर्ट करता है, लेकिन डेटा शून्य था। यूआरएल एक्सएमएल डेटा देता है, अगर हम डेटा टाइप निर्दिष्ट करते हैं तो हम जेसन डेटा प्राप्त कर सकते हैं, लेकिन यहां इसे कोई डेटा नहीं मिला।

किसी भी मदद की सराहना की।

Answer 1

जावास्क्रिप्ट एक ही डोमेन नीति के अधीन है। इसका मतलब सुरक्षा के लिए एक क्लाइंट ब्राउज़र में जेएस स्क्रिप्ट केवल उसी डोमेन तक पहुंच सकता है जैसा वह आया था।

JSONP एक ही प्रतिबंध के अधीन नहीं है।

यहाँ JSONP पर jQuery डॉक्स की जाँच करें:

http://api.jquery.com/jQuery.getJSON/

यहाँ JQuery AJAX के माध्यम से एक क्रॉस-डोमेन सेवा का उपयोग करने JSONP का उपयोग करने का एक काम उदाहरण है:

http://jsbin.com/idasay/4

और बस जेएसबीआईएन भविष्य में इस पेस्ट को हटा देता है:

jQuery.ajax({ 
    type: "GET", 
    url: 'http://api.geonames.org/postalCodeLookupJSON?postalcode=6600&country=AT&username=demo', 
    dataType: "jsonp", 
    cache: false, 
    crossDomain: true, 
    processData: true, 


    success: function (data) { 
     alert(JSON.stringify(data)); 
    }, 
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
     alert("error"); 
    } 
}); 

Answer 2

जेसनपी डाटाटाइप की तलाश करें।

jQuery.ajax({ 
     type: "GET", 
     url: 'http://xxx.com/restaurant/VeryLogin(username,password)', 
     dataType: "jsonp", 
    cache: false, 
     crossDomain: true, 
    processData: true, 

     success: function (data) { 
      alert(data); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
      alert("error"); 
     } 
    }); 

Answer 3

यह Ajax उपयोग करने के लिए क्रॉस-डोमेन डेटा बैकएंड बदले बिना सीधे प्राप्त करने के लिए असंभव है। इसे Same origin policy कहा जाता है।

आप बैकएंड (how do to this) में विशेष शीर्षलेख Access-Control-Allow-Origin सेट कर सकते हैं। या आप JSONP का उपयोग कर सकते हैं] (http://en.wikipedia.org/wiki/JSONP)। http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

यह सिर्फ मुझे एक बहुत मदद की .... किसी भी प्रश्न के लिए टिप्पणियों को गोली मार:

Answer 4

यहाँ प्राप्त और पोस्ट क्रॉस-डोमेन कॉल करने के लिए एक शानदार लेख है।