一、XMLHttpRequest的方法

方法 描述
abort()                                                                                          停止当前请求
getAllResponseHeaders() 把HTTP请求的所有响应首部作为键/值对返回
getResponseHeader("header") 返回指定首部的串值
open("method","url) 建立对服务器的调用。Method参数可以是GET、POST或PUT。URL参数可以是相对URL或绝对URL
send(content) 向服务器发送请求
setRequestHeader("header","value") 把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()方法

二、XMLHttpRequest的属性

属性 描述
onreadystatechange 每个状态改变都会触发这个事件处理器，通常会调用一个JavaScript函数
readyState 请求的状态，有5个可取值：0=未初始化、1=正在加载、2=已经加载、3=交互中、4=完成。
responseText 服务器的响应，表示为一个串
responseXML 服务器的响应，表示为XML。这个对象可以解析为DOM对象
status　　 服务器的HTTP状态码（200对应OK、404对应NOtFont等）
statusText HTTP状态码的相应文本（OK或NotFount）  

①、onreadystatechange

  • 该事件处理函数由服务器触发，而不是用户
  • 在Ajax执行过程中，服务器会通知客户端当前的通信状态。这依靠更新XMLHttpRequest对象的readyState 来实现。改变readyState属性是服务器对客户端连接操作的一种方式。每次readyState属性的改变都会触发onreadystatechange事件

②、send(data)

  • 若选用的是GET请求，则不会发送任何数据，给send方法传递null即可

③、setRequestHeader(header,value)

  • 如果用POST请求向服务器发送数据，需要将"Content-type"设置为“application/x-www-form-urlencoded”.它会告知服务器正在发送数据，并且数据已经符合URL编码了。
  • 该方法必须在open()之后才能使用

④、responseText

  • XMLHttpRequest的responseText 属性包含了从服务器发送的数据。它是一个HTML，XM或普通文本，这取决于服务器发送的内容。
  • 当readyState属性变为4时，responseText属性才可用，表明Ajax请求已经结束

Demo

  • 检索helloAjax.txt文档中的内容
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <script type="text/javascript">

    window.onload=function(){

        //1.获取a节点，并为其添加onclick响应函数

        document.getElementsByTagName("a")[0].onclick=function(){

             //3.创建一个XMLHttpRequest对象

             var request=new XMLHttpRequest();

             //4.准备发送请求的数据：url

             var url=this.href +"?time="+new Date();

             var method="GET";

             //var method="POST"

             //5.调用xmlhttprequest对象的open方法

             request.open(method,url);

             //request.setRequestHeader("ContentType","application/x-www-form-urlencoded");

             //6.调用xmlhttprequest对象的send方法,get请求参数为null

             request.send(null);

             //request.send("name='aaa'");

             //7.为xmlhttprequest对象添加onreadystatechange响应函数

             request.onreadystatechange=function(){

                //8.决断响应是否完成：xmlhttprequest对象的readystate属性值为4

                 if(request.readyState==4){

                    //9.再决断响应是否可用：xmlhttprequest对象status属性值为200

                     if(request.status==200){

                        //10.打印响应结果：responseText

                        alert(request.responseText);

                     }

                 }

             }

             //取消a节点的默认行为

             return false;

        }

    }

    </script>

  </head>

  <body>

    <a href="helloAjax.txt">HelloAjax</a>

  </body>

</html>

XMLHttpRequest实现Ajax异步请求的更多相关文章

  1. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

  2. AJAX异步请求原理和过程

    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...

  3. Ajax异步请求-简单模版

    <script type="text/javascript"> window.onload = function () { document.getElementByI ...

  4. ajax异步请求实例

    1. 问题分析 用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...

  5. 原生ajax异步请求基础知识

    一.同步交互与异步交互的概念: * 同步交互:客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户不能做任何其他事情(只能等待响应完才能继续其他请求). * 异步交互:客户端向服务器端发送请 ...

  6. maven工程 java 实现文件上传 SSM ajax异步请求上传

    java ssm框架实现文件上传 实现:单文件上传.多文件上传(单选和多选),并且用 ajax 异步刷新,在当前界面显示上传的文件 首先springmvc的配置文件要配置上传文件解析器: <!- ...

  7. AJAX异步请求,局部刷新

    AJAX异步请求,局部刷新 window.onload=function(){ //dom事件,页面加载完成执行如下函数 doGetObjects(); } function doGetObjects ...

  8. ajax异步请求返回对象

    使用ajax异步请求返回一个对象. java code: @RequestMapping({"getAstSingleWheelImg_bbs"+Constant.JSON}) @ ...

  9. 【坑】前端使用ajax异步请求以后，springMvc拦截器跳转页面无效

    文章目录 前言 `$.ajaxSetup( )` 后记 前言 本文着重解决前后端分离开发的页面调整问题. 笔者,在做一个需求,需要对访问网站,但是没有登录的用户进行拦截,将他们重定向到首页. 很简单的 ...

随机推荐

  1. niosii dma实验中的一点感想

    1,使用nios给出的驱动函数的顺序一般为1,清中断2,写控制寄存器,3,写参数寄存器4,中断注册,5,开始工作.因为开始工作控制位在控制寄存器中,所以会想到到最后一块写,省事,但是在dma试验中发现 ...

  2. 一次SQL Server 10054 Troubleshooting

    问题 对某个库新增了一个订阅节点,然后需要把一些应用切到新订阅库,以分散负载.当应用切换后,有一个应用每次启动不到30秒,总是报超时的错误,而error log中又没有任何记录: Timeout ex ...

  3. is is not == !=之间的区别

    简单来说,python中的is与is not运算符可判断两个对象是否为同一对象.若为同一个对象,则对象1 is 对象2为True .反正,若非同一个对象,则对象1 is not 对象2为True 要理 ...

  4. 学习动态性能表(3)--v$sql&v$sql_plan

    学习动态性能表 第三篇-(1)-v$sq 2007.5.25 V$SQL中存储具体的SQL语句. 一条语句可以映射多个cursor,因为对象所指的cursor可以有不同用户(如例1).如果有多个cur ...

  5. ②SpringBoot之Web综合开发

    Spring boot初级教程 :<SpringBoot入门教学篇①>,方便大家快速入门.了解实践Spring boot特性,本文介绍springBoot的web开发 web开发sprin ...

  6. Servlet概念入门

    什么是Servlet Servlet 为创建基于 web 的应用程序提供了基于组件.独立于平台的方法,可以不受 CGI 程序的性能限制.Servlet 有权限访问所有的 Java API,包括访问企业 ...

  7. 数据库模型类转换实体类的dbToPojoUtil工具类开发

    idea颜色说明http://blog.csdn.net/saindy5828/article/details/53319693 1,中途运用了properties,properties.getPro ...

  8. JAVA中常见异常类

    1. java.lang.nullpointerexception 这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用了未经初始化的对象或者是不存在的对 ...

  9. mongodb配置和基本操作

    MongoDB3.0新特性WiredTigerMMAPv1可插拔引擎API基于web的可视化管理工具 查看版本号mongod --version启动数据库 mongod --dbpath $dbpat ...

  10. java多线程实现礼花绽放的效果，

    总结:主要是那个红点点在上升的过程中要涂黑色,其实它不是一个点,是一个长条,而是被涂成黑色而隐藏了.还有这个睡眠时间,多线程 是你在面板上随便点,会出现随机的颜色圆圈,点哪里,哪里就可以出现圆 imp ...