javascript - AJAX 从 HTTP 到 HTTPS

Question

在我的页面上，我有一个带有一个 INPUT 字段的表单。在提交此表单时，我使用 JavaSript 函数“test_kod(this)”来验证输入的值是否正确。但是在 Internet Explorer ver <=9 中，OPEN 方法总是失败并出现错误“访问被拒绝”。我究竟做错了什么？附言由于某些限制，我无法使用 JQUERY。

function test_kod(field) {
  var req = createXMLHTTPObject();
  if (!req) { 
    return false;
  };
  try {
  //in IE <= 9 in this place debuger always return error "access denied" 
  req.open("GET","https://dad-atlas.datasolutions.pl/karta.php?karta="+field.value,false);
  }
  catch(e){
    return false;
  }
  req.setRequestHeader('User-Agent','XMLHTTP/1.0');
  req.onreadystatechange = function () {
    if (req.readyState != 4) return;
    if (req.status != 200 && req.status != 304) {
      return false;
    }
    if (req.responseText == "TAK") {
      return true;
    } else {
      return false;
    };
  }
  if (req.readyState == 4) return;
  req.send();
}

var XMLHttpFactories = [
function () {return new XMLHttpRequest()},
function () {return new ActiveXObject("Msxml2.XMLHTTP")},
function () {return new ActiveXObject("Msxml3.XMLHTTP")},
function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];

function createXMLHTTPObject() {
var xmlhttp = false;
for (var i=0;i<XMLHttpFactories.length;i++) {
try {
xmlhttp = XMLHttpFactories[i]();
}
catch (e) {
continue;
}
break;
}
return xmlhttp;
}

编辑

我深入研究了 NET 并更改了我的脚本以使用 XDomainRequest。它运行良好，但前提是 url 请求具有 HTTP 协议(protocol)。当我尝试通过 HTTPS 协议(protocol)使用 url 请求时，在 IE 中我仍然遇到“拒绝访问”错误。

我的新脚本。

function test_kod(field) {
  var xhr = createCORSRequest('GET', "https://dad-atlas.datasolutions.pl/karta.php?karta="+field.value);
  //var xhr = createCORSRequest('GET', "http://facebook.com");
  if (!xhr) {
    alert('CORS not supported');
    return false;
  }
  // 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();
}

// 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);
    alert("Firefox open");
  } else if (typeof XDomainRequest != "undefined") {
    // XDomainRequest for IE.
    xhr = new XDomainRequest();
    xhr.open(method, url);
    alert("IE open");
  } else {
    alert('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];
}

Answer 1

您正在发出跨源请求。由于它在非 IE9 的浏览器上运行，可能您已经设置了 CORS 以授予权限(尽管将 HTTPS 数据拉到 HTTP 页面会使加密变得毫无值(value))。

在 IE 10 之前，IE 不支持使用 XMLHttpRequest 的 CORS。在此之前，您需要改用 XDomainRequest。它的用途是documented on MSDN .

我会将 HTML 文档移至 HTTPS，因为这将同时解决跨源和安全问题。