come chiamare la web API cross-domain usando 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"); 
      } 
     }); 

segnala il successo, ma i dati erano nulli. L'URL restituisce i dati xml, se specifichiamo il dataType possiamo ottenere i dati JSON, ma qui non è stato possibile ottenere alcun dato.

Qualsiasi aiuto apprezzato.

Answer 1

Javascript è soggetto alla stessa politica di dominio. Ciò significa che per la sicurezza uno script JS in un browser client può accedere allo stesso dominio da cui proviene.

JSONP non è soggetto alle stesse restrizioni.

Controllare la documentazione jQuery su JSONP qui:

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

Ecco un esempio di lavoro di utilizzare JSONP per accedere a un servizio di cross-domain tramite JQuery AJAX:

http://jsbin.com/idasay/4

E nel caso in cui JSBIN cancelli questa pasta in futuro:

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

Cercare il tipo di dati jsonp.

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

E 'impossibile usare Ajax per ottenere i dati tra domini direttamente senza cambiare backend. Si chiama Same origin policy.

È possibile impostare l'intestazione speciale Access-Control-Allow-Origin nel backend (how do to this). Oppure puoi usare JSONP] (http://en.wikipedia.org/wiki/JSONP).

Answer 4

ecco un articolo fantastico per fare GET e POST cross-domain chiamata: http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

E 'appena mi ha aiutato molto .... sparare commenti per qualsiasi richiesta.