发送 AJAX 请求 - 无法开始工作

Question

我正在尝试发出 AJAX GET 请求，但我根本无法让它工作。我想检索 example.com 的 HTML 源代码。我以前使用过 JQuery 来发送 AJAX 请求，但我只将 JQuery 用于其 AJAX 功能，因此为一项任务包含 30KB 文件是一种浪费。我做错了什么？

<script type="text/javascript">

var XMLHttpArray = [
    function() {return new XMLHttpRequest()},
    function() {return new ActiveXObject("Msxml2.XMLHTTP")},
    function() {return new ActiveXObject("Msxml2.XMLHTTP")},
    function() {return new ActiveXObject("Microsoft.XMLHTTP")}
];
function createXMLHTTPObject(){
    var xmlhttp = false;
    for(var i=0; i<XMLHttpArray.length; i++){
            try{
                    xmlhttp = XMLHttpArray[i]();
            }catch(e){
                    continue;
            }
            break;
    }
    return xmlhttp;
}
function AjaxRequest(url,method){
    var req = createXMLHTTPObject();
    req.onreadystatechange= function(){
            if(req.readyState != 4) return;
            if(req.status != 200) return;
            return req.responseText;
  }
    req.open(method,url,true);
    req.send(null);
}

function MakeRequst(){
var result=AjaxRequest("http://example.com","get");
alert(result);
}
</script>

Answer 1

从您的状态更改处理程序返回一个值对您没有任何好处 - 该代码正在等待某些事情发生，并且在处理 HTTP 请求时从浏览器内部调用它。它是异步的。

您的状态更改处理程序必须自己处理响应，而不是期望这样的结果，以适合您的应用程序。

function AjaxRequest(url,method){
  var req = createXMLHTTPObject();
  req.onreadystatechange= function(){
        if(req.readyState != 4) return;
        if(req.status != 200) return;
        alert(req.responseText);
  }
  req.open(method,url,true);
  req.send(null);
}