XMLHttpRequest对象的使用

1.首先要创建XMLHttpRequest对象,这个对象是前台与后台进行异步的重要对象,现在的浏览器有很多种,创建 XMLHttpRequest 的方法也不相同,所以为了兼容各种浏览器,在创建XMLHttpRequest 时也应该考虑到各种浏览器的情况。目前主流的浏览器在Windows下有IE、Firefox及Opera,所以我们写的代码要尽量兼容这几个浏览器。创建方式如下:

 程序代码

// 先定义一个变量,并赋初值为 false,方便后面判断对象是否创建成功
var xmlObj = false;
// 使用 try 来捕获创建失败,再换个方法来创建
try {
    // 在 Mozilla 中使用这种方式来创建 XMLHttpRequest 对象
    xmlObj=new XMLHttpRequest;
}
catch(e) {
    try {
        // 如果不成功,那么尝试在较新 IE 里的方式
        xmlObj=new ActiveXObject("MSXML2.XMLHTTP");
    }
    catch(e2) {
        try {
            // 失败则尝试使用较老版本 IE 里的方式 
            xmlObj=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e3) {
            // 还是失败,那么就认为创建失败……
            xmlObj=false;
        }
    }
}
// 如果创建 XMLHttpRequest 对象失败,那么提醒访问者该页面可能无法正确访问
if (!xmlObj) {
    alert("XMLHttpRequest init Failed!");
}

2.xmlhttp.open(method,url,bool);
       请求方式可以是 GET,POST,HEAD中的一种,因为我要获取文件,所以用 GET,常用的也是GET,POST
       请求文件的URL,直接用相对路径即可。
     同步方式,表示请求发出后是等待回应(false)还是继续执行下面的代码(true),即所谓异步了。AJAX的第一个A就是表示异步了,所以这里用 true。

 程序代码

xmlObj.onreadystatechange=function() {
      // 如果 XMLHttpRequest 的状态为4,应该是ready来的,那么继续处理
    if(xmlObj.readyState==4) {
        // 需要判断返回状态是否为200 OK,有些情况如文件不存在,就为返回404
        if(xmlObj.status==200) {
        // 一切OK,调用处理过程
            DoMyXML();
        }
    }
}

时间: 2024-12-25 02:41:53

XMLHttpRequest对象的使用的相关文章

AJAX 使用XMLHttpRequest对象发送和接受数据

XMLHttpRequest是XMLHttp组件的对象,通过这个对象,Ajax可以像桌面应用程序一样只与服务器进行数据层的交换,而不必每次都刷 新界面,也不必每次将数据处理的工作都交给服务器来做:这样既减轻了服务器负担又回忆了响应速度,缩短了用户的等待时间. XMLHttpRequest对象与Ajax       在Ajax应用程序中,XMLHttpRequest对象负责将用户信息以异步通信地发送到服务器端,并接收服务器响应信息和数据.       需要注意的是JavaScript本身并不具有向

XMLHttpRequest对象解读

<!DOCTYPE html> <html> <body> <script> function reqListener () { console.log(this); console.log(this.getAllResponseHeaders()); console.log(this.responseText); } var params = "lorem=ipsum&name=binny"; var oReq = new XM

Ajax中的XMLHttpRequest对象详解(转)

XMLHttpRequest对象是Ajax技术的核心.在Internet Explorer 5中,XMLHttpRequest对象以ActiveX对象引入,被称之为XMLHTTP,它是一种支持异步请求的技术.后来Mozilla.Netscape.Safari.Firefox和其他浏览器也提供了XMLHttpRequest类,虽然这些浏览器都提供了XMLHttpRequest类,但它们创建XMLHttpRequest类的方法并不相同.XMLHttpRequest使我们可以使用JavaScript向

Ajax异步XMLHttpRequest对象

示例Ajax: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

XMLHttpRequest 对象

XMLHttpRequest 对象 通过 XMLHttpRequest 对象,您可以在不重新加载整个页面的情况下更新网页中的某个部分. XMLHttpRequest 对象 XMLHttpRequest 对象用于幕后与服务器交换数据. XMLHttpRequest 对象是开发者的梦想,因为您可以: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 创建 XMLHttpRequest 对象 所有现代的浏览器(IE7+.Firef

三种创建XMLHttpRequest对象的方法

XMLHttpRequest对象,也就是Ajax交互的核心对象. 这里列举三种创建Ajax对象的方法. 第一种: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples&

XMLHttpRequest对象的readyState和status区别

onreadystatechange,readyState,status...怎么一会state一会是status都晕乎了. 可以简单的理解为state代表一个整体的状态.而status是这个大的state下面具体的小的状态. 比如,水的state 1.可饮用 2.不可饮用       如果是可饮用 ,  那么对应的 PH值Status=x,矿物质Status. =xxx..... 比如XMLHttpRequest对象的readyState和status,readyState为4,会有对应的,才

AJAX入门--- XMLHttpRequest对象的属性和方法

由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻.开始学之前,了解一下它的属性和方法为它的使用做下铺垫.本文重点介绍XMLHttpRequest的属性和方法. XMLHttpRequest对象的属性和事件 属性 描述 readyState 表示XMLHttpRequest对象的状态[1] responseText 包含客户端接收到的HTTP相应的文本内容[2] responseXML 服务器响应的XML内容对应的DOM对象[3] status 服务器返回h

jquery与ajax的XMLHttpRequest对象介绍

首先  认识一个对象 这个对象叫XMLHttpRequest XMLHttpRequest对象可以提供在不刷新页面的情况下向服务器发送异步请求,并且接受服务器端返回的结果.从而实现局部更新当前页面的功能,尽管名为XMLHttpRequest ,但它并不限于和XML文档一起使用,他还可以接受.JSON或HTML等格式的文档数据 ,XMLHttpRequest得到了目前所浏览的较好支持,但他的创建方式在不同浏览器上有一定的差别, 1创建XMLHttpRequest对象的语法 在比较早的版本IE浏览器

ajax中XMLHttpRequest 对象

一:XMLHttpRequest 对象的三个重要属性 1.onreadystatechange属性 onreadystatechange属性存有处理服务器响应的函数.下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置: xmlHttp.onreadystatechange=function() { // 我们需要在这里写一些代码 } 2. readyState 属性 readyState 属性存有服务器响应的状态信息.每当readyState 改变时,onr