`
Franciswmf
  • 浏览: 799876 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

创建XMLHTTPRequest对象

 
阅读更多
[size=large]
<script type="text/javascript">
var xmlhttp;
//使用这个方法使用XMLHTTPRequest对象来进行AJAX的 异步数据传输
function verify(){
   var userName=document.getElementById("userName").value;
   //创建XMLHTTPRequest对象
   if(window.XMLHttpRequest){//针对FireFox,Mozillar,Opera,Safari,IE7,ie8
    xmlhttp=new XMLHttpRequest();
    //针对某些特定 版本的mozillar浏览器的bug进行修正
    if(xmlhttp.overrideMimeType){
     xmlhttp.overrideMimeType("text/xml");
    }
   }else if(window.ActiveXObject){
    //针对IE6,IE5.5,IE5
    var activeName=new ActiveXObject["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
    for(var i=0;i<activeName.length;i++){
     try{
      //取出一个控件名进行创建,如果创建成功就终止循环
      xmlhttp=new ActiveXObject(activeName[i]);
      break;
     }catch(e){
     }
    }
   }
   //确认XMLHTTPRequest是否创建成功
   if(!xmlhttp){
    alert();
    return;
   }else{
    alert(xmlhttp);
   }
   xmlhttp.onreadystatechange=callback;
   //设置连接信息 false/true表示采用同步还是异步方式交换;true表示异步
   xmlhttp.open("post","../XmlServlet",true);
   //post 方法需要设置下http的请求头
   xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   xmlhttp.send("userName="+userName);
}
//回调函数
function callback(){
   if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
     var domObj=xmlhttp.responseXML;
     var messNodes=domObj.getElementsByTagName("message");
     alert(xmlhttp.responseText);
     var textNode=messNodes[0].firstChild;
     var vmessage=textNode.nodeValue;
     document.getElementById("resultMess").innerHTML=vmessage;
    }
   }
}
</script>
[/size]
分享到:
评论

相关推荐

    创建XMLHttpRequest对象的方法.rar

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

    创建XMLHttpRequest对象

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

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

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

    用js创建XMLHttpRequest对象池

    创建XMLHttpRequest对象池的步骤如下: 1. **初始化对象池**:在应用程序启动时,预先创建一定数量的XHR对象,并将它们存储在一个数组中。例如: ```javascript const xhrPool = []; for (let i = 0; i ; i++) {...

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

    ### 支持多种浏览器创建XMLHttpRequest对象代码 随着Web技术的发展与演进,跨浏览器兼容性一直是前端开发者面临的重要挑战之一。特别是在处理Ajax请求时,如何优雅地在不同浏览器(尤其是IE与其他现代浏览器)间...

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

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

    使用XMLHttpRequest对象.doc

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

    XMLHttpRequest对象的介绍和实现

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

    Ajax中的XMLHttpRequest对象详解

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

    ajax 入门基础之 XMLHttpRequest对象总结

    创建XMLHttpRequest对象有两种方式,一种是针对Internet Explorer浏览器,使用ActiveXObject: ```javascript http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft....

    不同浏览器创建XMLHttpRequest,兼容各种浏览器(王兴魁老师视频笔记)

    本主题主要关注如何在不同的浏览器环境中创建XMLHttpRequest对象,以实现跨浏览器兼容性。 王兴魁老师是一位知名的IT教育专家,他在传智播客的课程中深入讲解了这一主题。创建XMLHttpRequest对象是AJAX的核心步骤,...

    XMLHttpRequest对象的创建和使用

    **创建XMLHttpRequest对象** 在JavaScript中,XMLHttpRequest对象不是内置在全局作用域内的,而是通过构造函数来创建的。你可以直接通过`new XMLHttpRequest()`来创建一个新的实例。例如: ```javascript var xhr ...

    全面剖析XMLHttpRequest对象.txt

    在现代浏览器中,可以通过以下方式创建XMLHttpRequest对象: ```javascript var xhr = new XMLHttpRequest(); ``` 如果是在Internet Explorer 5或6中,则可能需要使用ActiveX对象的方式创建: ```javascript var ...

    VS2008 AJAX控件介绍 AJAX组成及XMLHttpRequest对象

    创建XMLHttpRequest对象后,可以调用其open()方法指定HTTP请求类型(GET或POST)、URL以及是否异步执行。接着,使用send()方法发送请求,如果请求是异步的,当服务器响应时,onreadystatechange事件会被触发,此时...

    全面剖析XMLHttpRequest对象

    创建XMLHttpRequest对象通常通过JavaScript的`new XMLHttpRequest()`语句完成。 **二、发送HTTP请求** 发送HTTP请求主要涉及`open()`和`send()`两个方法。`open()`方法接受三个参数:请求类型(GET、POST等)、URL...

    XMLHttpRequest对象手册.pdf

    需要注意的是,在Internet Explorer 5 和 IE 6 中,由于这些浏览器使用的是ActiveX对象模型,因此创建XMLHttpRequest对象的方法有所不同,需通过`new ActiveXObject()`来创建。 #### 四、W3C标准化 虽然...

    AJAX – 创建 XMLHttpRequest 对象

    AJAX – 创建 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。 XMLHttpRequest 用于在后台与服务器交换...

    jQuery AJAX XMLHttpRequest对象PPT

    1) 创建XMLHttpRequest对象。 2) 使用open()方法初始化请求,指定HTTP方法、URL和是否异步。 3) 设置请求头(如需要)。 4) 调用send()方法发送请求。对于POST请求,数据作为参数传递。 5) 监听onreadystatechange...

Global site tag (gtag.js) - Google Analytics