html5使得CORS更简单

来源：互联网发布：数据库的英文单词编辑：程序博客网时间：2024/06/08 19:09

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

<!DOCTYPE html><html><head><title></title><script type="text/javascript" src="./file.js"></script></head><body><script type="text/javascript">// 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 = '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();}</script><button onclick="javascript:makeCorsRequest()">Button</button></body></html>

0 0