Wie benutzt man CORS in Javascript?

Question

Wie verwende ich CORS für den Datenabruf von einer HTTPS-URL zu localhost in JavaScript? Die URL ist eine Service-Now-Ereignisliste, die ich als JSON-Objekt verarbeiten muss.

Answer 1

CORS ist eine serverseitige Funktion, die von den neuen Browsern unterstützt wird.

Wenn Sie eine Ressource von einem domänenübergreifenden Dienst anfordern, führt der Browser eine Preflight-Anforderung an den Server durch und fragt ihn nach Zugriffsinformationen.

Wenn der Server Ihnen ermöglicht, auf seine Ressource von einer anderen Domäne zuzugreifen, sendet er einige HTTP-Header zurück, und der Browser entscheidet über diese Header über Ihre Aktionen.

Lesen Sie mehr here.

Answer 2

Hier ist, wie Sie es tun, werden zur Verfügung gestellt serverseitige Konfigurationen vorgenommen:

// Create the XHR object. 
function createCORSRequest(method, url) { 
    var xhr = new XMLHttpRequest(); 
    if ("withCredentials" in xhr) { 
    // XHR for Chrome/Firefox/Opera/Safari. 
    xhr.open(method, url, true); 
    } else if (typeof XDomainRequest != "undefined") { 
    // XDomainRequest for IE. 
    xhr = new XDomainRequest(); 
    xhr.open(method, url); 
    } else { 
    // CORS not supported. 
    xhr = null; 
    } 
    return xhr; 
} 

// Helper method to parse the title tag from the response. 
function getTitle(text) { 
    return text.match('<title>(.*)?</title>')[1]; 
} 

// Make the actual CORS request. 
function makeCorsRequest() { 
    // All HTML5 Rocks properties support CORS. 
    var url = 'http://updates.html5rocks.com'; 

    var xhr = createCORSRequest('GET', url); 
    if (!xhr) { 
    alert('CORS not supported'); 
    return; 
    } 

    // Response handlers. 
    xhr.onload = function() { 
    var text = xhr.responseText; 
    var title = getTitle(text); 
    alert('Response from CORS request to ' + url + ': ' + title); 
    }; 

    xhr.onerror = function() { 
    alert('Woops, there was an error making the request.'); 
    }; 

    xhr.send(); 
} 

Dies ist aus: http://www.html5rocks.com/en/tutorials/cors/