XMLHttpRequest在该代码中做了什么

时间:2016-02-06 21:49:08

标签: javascript xmlhttprequest

我是Javascript的初学者,我想了解XMLHttpRequest的方法。

这是我正在阅读的代码,我想知道是否有人可以解释它在做什么:

var xhttp;
xhttp=window.XMLHttpRequest?new XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP"),xhttp.open("GET","script.php",!0),xhttp.send();

3 个答案:

答案 0 :(得分:0)

它是对AJAX请求的引用。 请参阅more at the MDN site

简而言之,它正在向script.php发送GET请求。

答案 1 :(得分:0)

XMLHttpRequest是一个用于发出AJAX请求的JavaScript对象。我不完全确定代码是否正确。通常,您创建XMLHttpRequest对象的实例。然后检查窗口就绪状态以发出请求。最后你提出要求。这是一个例子:

var xmlhttp;
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
        callback(xmlhttp.responseText);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

我希望有所帮助!

快乐的编码!

答案 2 :(得分:0)

您好我的解释并不是很好,但我会在我看到并理解这一点时尝试详细解释。

XMLHttpRequest是一个对象。它用于与服务器交换数据。因此,通过它的使用,您可以将一些数据发送到服务器上的脚本(请求)并从中获取一些数据(响应)。该响应数据可以立即显示在页面上而无需重新加载页面。因此,此流程会调用AJAX

我会将您提供的代码读作

//define a variable 
var xhttp;
/*assign a XMLHttpRequest object to this variable
check if the global object window has a XMLHttpRequest object already
if not and user have a newer browser, create one (new XMLHttpRequest - for           IE7+, Firefox, Chrome, Opera, Safari browsers) or user have an older browser (ActiveXObject("Microsoft.XMLHTTP") - for IE6, IE5 browsers)
xhttp.open method specifies the type of request(method GET, Script on server,    asynchronous)
xhttp.send method sends the request to a server*/

xhttp=window.XMLHttpRequest?new XMLHttpRequest:new     ActiveXObject("Microsoft.XMLHTTP"),xhttp.open("GET","script.php",!0),xhttp.send();

但是你必须检查XMLHttpRequest对象的readyState属性

xmlhttp.onreadystatechange = function() {
    //4: request finished and response is ready
    //200: "OK"
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

        //display of returned data from the server
        //it is available in this property - xmlhttp.responseText
    }
}

代码的整体安静应该如下:

if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();                     // code for IE7+, Firefox, Chrome, Opera, Safari
} else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   // code for IE6, IE5
}
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

        //display of returned data from the server
        //jquery example
        $('div').html(xmlhttp.responseText);
    }
}
xmlhttp.open("GET", "script.php", true);
xmlhttp.send();

希望这有帮助,祝你好运!