javascript创建createXmlHttpRequest对象示例代码

1. 创建 XMLHttpRequest 对象是AJAX的基础

在使用 AJAX 技术时，我们需要创建一个 XMLHttpRequest 对象，它是AJAX的基础，可以用来与服务器通信并更新网页内容，下面是示例代码：

var xmlhttp;
if (window.XMLHttpRequest) {
    xmlhttp=new XMLHttpRequest();
} else {
    // 兼容早期浏览器（IE5 IE6）
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

这里使用了一个方法来创建 XMLHttpRequest 对象。如果浏览器支持 XMLHttpRequest 对象，则会直接创建；否则，创建一个名为 Microsoft.XMLHTTP 的 ActiveXObject 。

1. XMLHTTP对象的属性和方法

创建 XMLHTTP 对象之后，我们可以使用其继承自 XMLHttpRequest.prototype 的方法和属性来完成一些操作。下面是示例代码：

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        //成功获得响应
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","/ajax/demo_get.asp",true);
xmlhttp.send();

在这个示例中，我们使用了 xmlhttp 的 readyState 属性和 onreadystatechange 事件来检测响应的状态，当 readyState 值为4，并且状态码为200时，表示服务器已经成功响应。然后使用 responseText 属性来获取服务器的响应内容，并使用 innerHTML 方法展示到页面中。

以上两个示例向您展示了如何创建一个 XMLHttpRequest 对象，并使用其属性和方法从服务器获取数据。使用 AJAX 技术可以让页面异步更新，实现更好的用户体验。