1、Ajax:
 AJAX:Asynchronous Javascript And Xml,异步的JS和XML;
 同步请求:地址栏输入URL、链接跳转、表单提交……
 异步请求:使用Ajax发起,底层使用XMLHttpRequest对象;
2、XHR的创建:
 var xhr=null;
 if(window.XMLHttpRequest){xhr=new XMLHttpRequest();//新IE及其它}
 else{xhr=new ActiveXObject('Microsoft.XMLHTTP');//老IE}
3、XMLHttpRequest对象的常用成员:
 ①成员属性:
  readyState:int,初始值0;
   0——UNSEND——请求消息未发送;1——OPENED——XHR已打开到服务器的链接;2——HEADERS_RECEIVED——XHR已经接收到响应消息起始行和头部;3——LOADING——XHR正在加载响应消息主体;4——DONE——XHR已经完成响应消息;
  responseText:初始值"",readyState值为3时开始有响应消息主体文本;
  responseXML:初始值null,readyState值为3时有响应消息主题内容——XML DOM树对象;
  status:初始值0,保存响应状态码,readyState值为2时开始有值;
  statusText:初始值"",保存响应消息原因短句,readyState值为2开始有值;
 ②成员事件:
  onreadystatechange:每次readyState值发生改变就触发;
 ③成员方法:
  open(method,url):打开到服务器的连接;
  send():发送请求消息;
  setRequestHeader(name,value):设置请求消息头部;
  getAllResponseHeaders():获取所有的响应消息头部;
  getResponseHeader(name):获取某个响应消息头部;
4、XHR对象发起异步请求步骤:
 ①创建XHR对象:
  var xhr=new XMLHttpReponse();
 ②监听XHR就绪状态改变事件:
  xhr.onreadystatechange=function(){}
 ③连接到服务器:
  xhr.open(method,url,isAsync);
 ④发起请求消息:
  xhr.send(data);
5、XHR发起异步的HTTP GET请求:
 ①创建XHR对象:
  var xhr=new XMLHttpResponse();
 ②监听XHR就绪状态改变事件
  xhr.onreadystatechange=function(){
   if(xhr.readystate===4){
    if(xhr.status===200){doResponse(xhr);}
    else{alert("响应完成,但有问题");}
   }
  }
 ③连接到服务器
  xhr.open('GET','x.php?k=v&k=v',true);
 ④发起请求消息
  xhr.send(null);
6、XHR发起异步HTTP POST请求:
 ①创建XHR对象:
  var xhr=new XMLHttpResponse();
 ②监听XHR就绪状态改变事件
  xhr.onreadystatechange=function(){
   if(xhr.readyState===4){
    if(xhr.status===200){doResponse(xhr);}
    else{alert("响应完成,但有问题");}
   }
  }
 ③连接到服务器
  xhr.open('POST','x.php',true);
 ④修改请求消息头部
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 ⑤发起请求消息
  xhr.send('k=v&k=v');

Ajax_02之XHR发起异步请求的更多相关文章

  1. 设计一个方法injectBeforeAsyncSend,能够实现如下功能:在发起异步请求之前打印出请求的类型、URL、method、body、timestamp 等信息。

    异步请求逻辑注入 工作中我们需要对异步请求的请求信息打印日志,但是又不能耦合在业务代码中打印.请设计一个方法injectBeforeAsyncSend,能够实现如下功能:在发起异步请求之前打印出请求的 ...

  2. 异步请求Ajax

    AJAX:Asynchronous JS And XML,包括HTML.CSS.JS.DOM.XML.JSON等,客户端技术范畴.主要目标:发起异步请求/响应,实现页面内容的局部刷新,提高浏览体验:实 ...

  3. iOS NSURLConnection POST异步请求封装,支持转码GBK,HTTPS等

    .h文件 #import <Foundation/Foundation.h> //成功的回调 typedef void(^successBlock)(id responseObj); // ...

  4. 如何在异步请求时设置RequestHeader

    一.为何要用到setRequestHeader 通常在HTTP协议里,客户端像服务器取得某个网页的时候,必须发送一个HTTP协议的头文件,告诉服务器客户端要下载什么信息以及相关的参数.而 XMLHTT ...

  5. ajax----发送异步请求的步骤

    1)获取(创建)Ajax对象:获取XMLHttpRequest对象2)创建请求:调用xhr的open方法3)在发送请求之前需要设置回调函数:绑定指定xhr的onreadystatechange事件4) ...

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

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

  7. .Net WebRequest异步请求与WebClient异步请求

    很多情况下一般会使用同步方式发出请求,直到响应后再做后续的逻辑处理等,但有时候后续的逻辑处理不依赖于请求的结果或者是可以挂起等到响应后再处理,又或者是为了解决UI“假死”的现象,这时可以使用异步请求 ...

  8. 【SQL】在数据库中发起http请求的小改进

    市面上常见的是用MSXML2.ServerXMLHTTP这个类,但这个类在发起异步请求时并不可靠,就是当send后并不一定会发出这个请求.这里推荐改用Microsoft.XMLHTTP,如果只是简单的 ...

  9. JavaScript 之 异步请求

    一. 1.异步(async) 异步,它的孪生兄弟--同步(Synchronous),"同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排 ...

随机推荐

  1. [LeetCode] Logger Rate Limiter 记录速率限制器

    Design a logger system that receive stream of messages along with its timestamps, each message shoul ...

  2. 华为oj 挑7

    #include<iostream> using namespace std; bool ishave_7(int n); int main(){ int num,k=0; cin> ...

  3. JQuery 获得div绝对,相对位置的坐标方法

    获取页面某一元素的绝对X,Y坐标 var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: v ...

  4. memcache基础知识

    memcached的内存存储机制 Memcached默认情况下采用了名为Slab Allocator的机制分配.管理内存.在该机制出现以前,内存的分配是通过对所有记录简单地进行malloc和free来 ...

  5. 学习总结 java 异常

    package com.hanqi.ec; public class Test1 { public static void main(String[] args) { int a = 10 , b = ...

  6. Windows下Apache 虚拟主机 VirtualHost 配置

    以下方式适合原生 Apache, XAMPP 和 WAMP 套件 1.修改Apache配置文件(httpd.conf),如下: # Virtual hostsInclude conf/extra/ht ...

  7. JavaScript :memory leak [转]

    Memory leak patterns in JavaScript Handling circular references in JavaScript applications Abhijeet ...

  8. centos6.5 redis搭建

    redis安装1.wget http://download.redis.io/redis-stable.tar.gz2.tar -zxvf redis-stable.tar.gz3.cd redis- ...

  9. Android 异步查询框架AsyncQueryHandler的使用

    AsyncQueryHandler简介: 异步的查询操作帮助类,可以处理增删改(ContentProvider提供的数据) 使用场景: 在一般的应用中可以使用ContentProvider去操作数据库 ...

  10. PHP IDE选择标准

    2017年11月17日09:35:01 这里记录一下PHP IDE的选择标准 1.  是否有错误提示, 对于一些 `缺少分号`, `花括号不配对`, `变量未定义就使用`等待的提示是要有的 2. 代码 ...