html5 cors,html5使得CORS更简单

以前使用CORS时比较麻烦,浏览器各种设置

// 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('

(.*)?')[1];

}

// Make the actual CORS request.

function makeCorsRequest() {

// All HTML5 Rocks properties support CORS.

var url = 'XXX';

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();

}

Button