`
lijia3449
  • 浏览: 9709 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

java_菜鸟,XMLHttpRequest对象的创建流程

 
阅读更多


//创建 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;  
   }
}
}
分享到:
评论

相关推荐

    AJAX_XMLHttpRequest.rar_ajax java_ajax xmlhttpreque_opera

     在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。 ...

    创建XMLHttpRequest对象的方法.rar

    本压缩包文件"创建XMLHttpRequest对象的方法.rar"包含了一份关于如何创建XMLHttpRequest对象的详细教程,其核心内容可以从以下几个方面来理解: 1. **XMLHttpRequest对象的创建** 在JavaScript中,XMLHttpRequest...

    用js创建XMLHttpRequest对象池

    为了优化这一过程,我们可以考虑创建一个XMLHttpRequest对象池,复用这些对象而不是每次请求都新建。 首先,理解XMLHttpRequest的基本工作原理至关重要。当一个XHR对象被创建时,它会占用一定的系统资源,包括内存...

    Ajax 创建XMLHttpRequest对象,兼容所有主流浏览器(IE5除外)

    一般网上流传的创建XMLHttpRequest对象比较简单。跨浏览器能力非常有限。并不全面。 经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流...

    全面剖析XMLHttpRequest对象

    XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    这一技术的核心是XMLHttpRequest(XHR)对象,它是JavaScript原生提供的一种用于在后台与服务器通信的API。在这篇深度剖析中,我们将揭开XMLHttpRequest对象的神秘面纱,探讨其工作原理、常用方法和实际应用。 ...

    创建XMLHttpRequest对象

    ### 创建XMLHttpRequest对象 在现代Web开发中,异步JavaScript和XML(通常称为AJAX)是一种重要的技术,它允许网页在不重新加载整个页面的情况下与服务器进行数据交换。这一过程的核心在于`XMLHttpRequest`对象的...

    XMLHttpRequest对象的介绍和实现

    - **实例化XMLHttpRequest对象**:根据不同的浏览器环境,选择合适的方式来创建XMLHttpRequest对象。 - **设置请求类型**:定义请求方法(GET、POST等)。 - **指定请求URL**:定义要发送请求的目标服务器地址。 - *...

    14_利用XMLHttpRequest接受与处理XML数据.doc

    XMLHttpRequest对象是JavaScript内置的,用于创建与服务器的连接并发送HTTP请求。创建一个新的XMLHttpRequest实例通常如下所示: ```javascript var xhr = new XMLHttpRequest(); ``` 二、打开连接 在与服务器...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    外文翻译-XMLHttpRequest对象的使用 Using_the_XMLHttpRequest_Object

    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 ...

    Ajax中的XMLHttpRequest对象详解

    在创建 XMLHttpRequest 对象时,需要注意版本问题,可以使用 try...catch 块来尝试创建不同版本的对象: `function createXMLHttp() { var aVersions = [ "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2...

    支持多种浏览器创建XMLHttpRequest对象代码

    对于非IE浏览器,可以简单地通过`new XMLHttpRequest()`来创建对象。需要注意的是,这种方法在IE浏览器中会抛出异常,因此必须先检查`XMLHttpRequest`是否存在。 ```javascript if (!xmlHttp && typeof ...

    使用XMLHttpRequest对象.doc

    幸运的是,在这里可以使用简单的分支逻辑来确定如何创建对象。 XMLHttpRequest 对象的使用非常广泛,几乎所有的 Web 应用都使用它来实现 Ajax 技术。它使得 Web 应用的开发更加灵活和强大,并且可以提供更好的用户...

    WEB开发 之 AJAX - 创建 XMLHttpRequest 对象.docx

    在JavaScript中创建XMLHttpRequest对象非常简单,一般有两种方式: 1. 对于现代浏览器(IE7+、Firefox、Chrome、Safari和Opera): ```javascript var xmlhttp = new XMLHttpRequest(); ``` 2. 对于较老版本的...

    XMLHttpRequest对象的创建和使用

    总结,XMLHttpRequest对象是JavaScript实现异步数据交互的关键工具,它的创建、初始化、发送、状态监听以及响应处理构成了AJAX的核心流程。通过熟练掌握这些知识点,开发者能够构建出动态、响应式的Web应用。

    ajax 入门基础之 XMLHttpRequest对象总结

    创建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_Weather forecast.zip_Weather Forecast_java weather_java"表明这是一个关于Java编程的项目,具体是实现了一个天气预报的功能。这个项目可能涉及到从中国气象台的API获取数据,并进行处理和展示。让...

    xmlhttp.rar_xmlhttp_xmlhttprequest

    1. **创建对象**:通过`var xhr = new XMLHttpRequest();`创建一个新的XMLHttpRequest实例。 2. **打开连接**:调用`xhr.open('method', 'url', async, user, password);`方法,参数包括请求类型(GET、POST等)、...

    全面剖析XMLHttpRequest对象.doc

    ### 全面剖析XMLHttpRequest对象 #### 引言:AJAX与XMLHttpRequest的革命 XMLHttpRequest对象是现代网络开发中不可或缺的一部分,它是AJAX(Asynchronous JavaScript and XML)技术的核心,使得网页能够在不重新...

Global site tag (gtag.js) - Google Analytics