wie domainübergreifendes Web-API mit Ajax aufrufen?

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"); 
      } 
     }); 

Es warnt den Erfolg, aber die Daten waren null. Die URL gibt XML-Daten zurück, wenn wir den Datentyp angeben, können wir die JSON-Daten abrufen, aber hier wurden keine Daten abgerufen.

Jede Hilfe wird geschätzt.

Answer 1

Javascript unterliegt derselben Domain-Richtlinie. Dies bedeutet für die Sicherheit, dass ein JS-Skript in einem Client-Browser nur auf die gleiche Domäne zugreifen kann, aus der es stammt.

JSONP unterliegt nicht den gleichen Einschränkungen.

Überprüfen Sie die jQuery docs auf JSONP hier:

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

Hier ist ein funktionierendes Beispiel JSONP der Verwendung eines Cross-Domain-Service via JQuery AJAX zuzugreifen:

http://jsbin.com/idasay/4

Und nur für den Fall, dass JSBIN diese Paste in der Zukunft löscht:

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

Suchen Sie nach Jsonp-Datentyp.

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

Es ist unmöglich, Ajax zu verwenden Cross-Domain-Daten ohne Backend-Wechsel direkt zu erhalten. Es heißt Same origin policy.

Sie können den speziellen Header Access-Control-Allow-Origin im Backend (how do to this) festlegen. Oder Sie können JSONP] (http://en.wikipedia.org/wiki/JSONP) verwenden.

Answer 4

hier ist ein fantastischer Artikel zu GET und POST Cross-Domain-Anruf: http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

Es half mir nur eine Menge .... Kommentare für jede Abfrage schießen.