html之XMLHttpRequest对象

用XMLHttpRequest对象,发请求的基本代码如下:

var xmlhttp=new XMLHttpRequest();
                var url="http://localhost:3004/test";
                xmlhttp.open("get",url,true);
                xmlhttp.onreadystatechange=function(){
                    if(xmlhttp.readystatus==4){
                        if(xmlhttp.status==200){

                        }
                    }
                };
                xmlhttp.send(null);

其中,onreadystatechange事件回调的readystatus与status的区别,需要区分下。

readystatus(是XMLHttpRequest对象发请求后的客户端服务端的一些信息记录?)具体如下所示:

0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了

而status则是http的状态码,如200,404,500之类的

 
时间: 2024-11-05 21:09:57

html之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