//创建 XMLHttpRequest对象
var xmlHttpRequest ;
if(window.XMLHttpRequest){
//ie7,ie8,fireFox
xmlHttpRequest = new XMLHttpRequest();
}else if(window.ActiveXObject){
//针对ie5 ie6,ie5.5
}
function validate(){
if(!xmlHttpRequest){
alert('xmlHttpRequest创建失败');
return ;
} else{
//2.注册回调函数
xmlHttpRequest.onreadystatechange = callback;
//3. 设置连接信息
xmlHttpRequest.open("GET","ajaxslt?name=" + userName,true);
//4.发送数据,开始于服务器交互
//同步方式下,send这句话会在服务器端数据回来后执行,
//异步模式下,send这句话会立即完成执行
//get方式的send方法参数为空
xmlHttpRequest.send(null);
//post方式的send方法 参数为你要传递的url参数
xmlHttpRequest.send("name="+userName);
}
}
//5,回调函数
function callback(){
//判断对象的状态是否交互完成
if(xmlHttpRequest.readyState == 4){
if(xmlHttpRequest.status == 200){
var responseText = xmlHttpRequest.responseText;
//将数据显示在页面
document.getElementById("result").innerHTML = responseText;
}
}
}
分享到:
相关推荐
在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。 ...
本压缩包文件"创建XMLHttpRequest对象的方法.rar"包含了一份关于如何创建XMLHttpRequest对象的详细教程,其核心内容可以从以下几个方面来理解: 1. **XMLHttpRequest对象的创建** 在JavaScript中,XMLHttpRequest...
为了优化这一过程,我们可以考虑创建一个XMLHttpRequest对象池,复用这些对象而不是每次请求都新建。 首先,理解XMLHttpRequest的基本工作原理至关重要。当一个XHR对象被创建时,它会占用一定的系统资源,包括内存...
一般网上流传的创建XMLHttpRequest对象比较简单。跨浏览器能力非常有限。并不全面。 经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流...
XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...
这一技术的核心是XMLHttpRequest(XHR)对象,它是JavaScript原生提供的一种用于在后台与服务器通信的API。在这篇深度剖析中,我们将揭开XMLHttpRequest对象的神秘面纱,探讨其工作原理、常用方法和实际应用。 ...
### 创建XMLHttpRequest对象 在现代Web开发中,异步JavaScript和XML(通常称为AJAX)是一种重要的技术,它允许网页在不重新加载整个页面的情况下与服务器进行数据交换。这一过程的核心在于`XMLHttpRequest`对象的...
- **实例化XMLHttpRequest对象**:根据不同的浏览器环境,选择合适的方式来创建XMLHttpRequest对象。 - **设置请求类型**:定义请求方法(GET、POST等)。 - **指定请求URL**:定义要发送请求的目标服务器地址。 - *...
XMLHttpRequest对象是JavaScript内置的,用于创建与服务器的连接并发送HTTP请求。创建一个新的XMLHttpRequest实例通常如下所示: ```javascript var xhr = new XMLHttpRequest(); ``` 二、打开连接 在与服务器...
XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...
Using the XMLHttpRequest Object Now that we’ve discussed the history of dynamic Web applications and introduced Ajax, it’s time to cover the heart of the matter: how to use the XMLHttpRequest ...
在创建 XMLHttpRequest 对象时,需要注意版本问题,可以使用 try...catch 块来尝试创建不同版本的对象: `function createXMLHttp() { var aVersions = [ "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2...
对于非IE浏览器,可以简单地通过`new XMLHttpRequest()`来创建对象。需要注意的是,这种方法在IE浏览器中会抛出异常,因此必须先检查`XMLHttpRequest`是否存在。 ```javascript if (!xmlHttp && typeof ...
幸运的是,在这里可以使用简单的分支逻辑来确定如何创建对象。 XMLHttpRequest 对象的使用非常广泛,几乎所有的 Web 应用都使用它来实现 Ajax 技术。它使得 Web 应用的开发更加灵活和强大,并且可以提供更好的用户...
在JavaScript中创建XMLHttpRequest对象非常简单,一般有两种方式: 1. 对于现代浏览器(IE7+、Firefox、Chrome、Safari和Opera): ```javascript var xmlhttp = new XMLHttpRequest(); ``` 2. 对于较老版本的...
总结,XMLHttpRequest对象是JavaScript实现异步数据交互的关键工具,它的创建、初始化、发送、状态监听以及响应处理构成了AJAX的核心流程。通过熟练掌握这些知识点,开发者能够构建出动态、响应式的Web应用。
创建XMLHttpRequest对象有两种方式,一种是针对Internet Explorer浏览器,使用ActiveXObject: ```javascript http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft....
标题中的"java_Weather forecast.zip_Weather Forecast_java weather_java"表明这是一个关于Java编程的项目,具体是实现了一个天气预报的功能。这个项目可能涉及到从中国气象台的API获取数据,并进行处理和展示。让...
1. **创建对象**:通过`var xhr = new XMLHttpRequest();`创建一个新的XMLHttpRequest实例。 2. **打开连接**:调用`xhr.open('method', 'url', async, user, password);`方法,参数包括请求类型(GET、POST等)、...
### 全面剖析XMLHttpRequest对象 #### 引言:AJAX与XMLHttpRequest的革命 XMLHttpRequest对象是现代网络开发中不可或缺的一部分,它是AJAX(Asynchronous JavaScript and XML)技术的核心,使得网页能够在不重新...