1.第一步(得到XMLHttpRequest)

*ajax其实只需要学习一个对象:XMLHttpRequest,如果掌握了它,就掌握了ajax!!

*得到XMLHttpRequest

>大多数浏览器都支持:var xmlHttp = new XMLHttpRequest();

>IE6.0: var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

>IE5.5以及更早版本:var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

*编写创建XMLHttpRequest对象的函数

function createXMLHttpRequest(){

  try{

    return new XMLHttpRequest();

  } catch(e){

    try{

      return new ActiveXObject("Msxml2.XMLHTTP);

    }catch(e){

      try{

        return new ActiveXObject("Microsoft.XMLHTTP");

      }catch(e){

        alert("请问你用的什么浏览器?");

        throw e;

      }

    }

  } 

}

2.第二步:(打开与服务器的连接)

* xmlHttp.opne():用来打开与服务器的连接,它需要三个参数

  >请求方式:可以是GET 或 POST

  >请求的URL:指定服务器端资源,例如:/Ajax/AServlet

* xmlHttp.open("GET","/Ajax/AServlet",true);

3.第三步,(发送请求)‘

* xmlHttp.send(null):如果不给可能会造成那部份浏览器无法发送!

>参数:就是请求体内容!如果是GET请求,必须给出null。

4.第四步

*在xmlHttp对象的一个事件上注册监听器:onreadystatechange

*XMLHttp对象一共有5个状态

  >0 : 刚创建,还没有调用open()方法

  >1 :请求开始,调用了open()方法,但还没有调用send()方法

  >2 : 调用完了send()方法了

  >3 : 服务器已经开始响应,但不表示响应结束了

  >4 :服务器响应结束!

*得到xmlHttp对象的状态

  >var state = xmlHttp.readyState; //可能是0,1,2,3,4

*得到服务器响应的状态码

  >var status = xmlHttp.status; //例如为 200,404,500

*得到服务器响应内容

  >var  content = xmlHttp.responseText;//得到服务器的响应的文本格式的内容

  >var  content = xmlHttp.responseXML;//得到服务器的响应的xml响应的内容

Ajax发送异步请求(四步操作)的更多相关文章

  1. AJAX发送异步请求教程详解

    AJAX 一.AJAX简介 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可 ...

  2. AJAX的来龙去脉(由来)-如何被封装出来的--ajax发送异步请求(四步操作)

    <黑马程序员_超全面的JavaWeb视频教程vedio\JavaWeb视频教程_day23_ajax> \JavaWeb视频教程_day23_ajax\day23ajax_avi\14.打 ...

  3. JQ+AJAX 发送异步请求

    1. load() ; 作用:通过ajax 请求从服务器加载数据,并添加到符合要求的节点上 用法:$node.load(请求地址,请求参数) 请求参数写法: --"username=admi ...

  4. ajax发送异步请求

    一:得到XMLHttpRequest对象 ajax其实只需要学习XMLHttpRequest一个对象 大多数浏览器都支持: var xmlHttp = new XMLHttprequest(); IE ...

  5. 使用AJAX技术发送异步请求,HTTP服务端推送

    使用AJAX技术发送异步请求 什么是AJAX AJAX指一步Javascript和XML(Asynchronous JavaScript And XML),它是一些列技术的组合,简单来说AJAX基于X ...

  6. 16 react 发送异步请求获取数据 和 使用Redux-thunk中间件进行 ajax 请求发送

    1.发送异步请求获取数据 1.引入 axios ( 使用 yarn add axios 进行安装 ) import axios from 'axios'; 2. 模拟 在元素完成挂载后加载数据 并初始 ...

  7. 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求

    转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...

  8. Ajax发送POST请求SpringMVC页面跳转失败

    问题描述:因为使用的是SpringMVC框架,所以想使用ModelAndView进行页面跳转.思路是发送POST请求,然后controller层中直接返回相应ModelAndView,但是这种方法不可 ...

  9. 使用Ajax发送http请求(get&post请求)

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 同步和异步 同步和异步的概念 同步:必须等待前面的任务完成,才能继续后面 ...

随机推荐

  1. HTTP Code

    所有 HTTP 状态代码及其定义. 代码  指示  2xx  成功  200  正常:请求已完成.  201  正常:紧接 POST 命令.  202  正常:已接受用于处理,但处理尚未完成.  20 ...

  2. Qt自定义事件的实现(转)

    原文:http://blog.csdn.net/michealtx/article/details/6866094 初学Qt,用了Qt自带的事件,然后想怎么才能定义自己的事件呢?又如何使用自定义事件呢 ...

  3. [原创]cocos2d-x研习录-第三阶 特性之物理引擎

    游戏物理引擎是指在游戏中涉及物理现象的逻辑处理,它用于模拟现实世界的各种物理规律(如赛车碰撞.子弹飞行.物体掉落等),让玩家能够在游戏中有真实的体验. Cocos2D-x中支持Box2D和Chipmu ...

  4. 定义信息源的一些示例(xml文件)

    本文目录 1.订阅博客,简单一例 2.从网页获取信息,简单一例 3.充分使用callback回调代码 4.html_re中包含多个block 5.使用html_json这个worker,解析json数 ...

  5. ABBYY PDF Transformer+怎么标志注释

    ABBYY PDF Transformer+是一款可创建.编辑.添加注释及将PDF文件转换为其他可编辑格式的通用工具,可用来在PDF页面的任何位置添加注释(关于如何通过ABBYY PDF Transf ...

  6. 浅入浅出EmguCv(一)OpenCv与EmguCv

    最近接触计算机视觉方面的东西,于是准备下手学习opencv,从官网下载windows的安装版,配置环境,一系列步骤走完后,准备按照惯例弄个HelloWord.也就是按照网上的教程,打开了那个图像处理领 ...

  7. 6、Samba 服务器配置

    1.安装samba服务 [root@rhel6_80 samba]# yum -y install samba #安装samba [root@rhel6_80 samba]# rpm -qa |gre ...

  8. 解决iis7 0x80070002 错误代码问题

    环境:iis7 win7 64位 vs2012 出现的问题:发布代码iis出现0x80070002 错误代码 解决方案分三步: 1.添加通配符脚本映射 请选择:C:\Windows\Microsoft ...

  9. MyBatis入门学习教程-MyBatis缓存

    一.MyBatis缓存介绍 正如大多数持久层框架一样,MyBatis 同样提供了 package me.gacl.test; 2 import me.gacl.domain.User; import ...

  10. C#读取文件夹大小

    今天需要做一个读取文件夹大小的功能,为了避免遍历文件夹下所有文件并求出总大小,找到如下的好方法: 首先要在项目中引用一个COM组件:Microsoft Scripting Runtime,这个在Ref ...