【第22期】观点:IT 行业加班,到底有没有价值?

AJAX—XMLHttpRequest对象

原创 2016年08月28日 21:23:16

使用XHR发起HTTP请求的步骤

  //1 创建xhr对象

<span style="white-space:pre">	</span>var xhr = null;
<span style="white-space:pre">	</span>if(window.XMLHttpRequest){//其它浏览器

<span style="white-space:pre">		</span>xhr = new XMLHttpRequest();

<span style="white-space:pre">	</span>}else {                          //解决老IE兼容问题

   <span style="white-space:pre">		</span>xhr = new ActiveXObject('Microsoft.XMLHttp');

<span style="white-space:pre">	</span>}


  //2 监听xhr的状态改变事件

<span style="white-space:pre">	</span>xhr.onreadystatechange = function(){

<span style="white-space:pre">		</span>if(xhr.readyState===4){//响应消息接收完成

<span style="white-space:pre">		</span>if(xhr.status===200){//响应完成且成功

<span style="white-space:pre">		</span>}else{//响应完成但有问题
<span style="white-space:pre">	</span>
<span style="white-space:pre">			</span>}
<span style="white-space:pre">	</span>
<span style="white-space:pre">		</span>}

<span style="white-space:pre">	</span>}


  //3 连接到服务器

<span style="white-space:pre">	</span>xhr.open('GET', 'x.php', true);//参数为(“请求方式”,“请求文件地址”,“是否是异步请求”)
	<span style="white-space:pre">	</span>		<span style="white-space:pre">	</span>//GET请求时,请求内容放在地址后,“?K=V”

  //4 发送请求消息

<span style="white-space:pre">	</span>xhr.send( null / 'k=v&k=v' );
 

 

(1)AJAX概述    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript XML

   实现原理:在客户端浏览网页内容的同时,服务器在提供最新的内容,局部更新在页面中

——无提交无刷新的页面内容局部更新技术


   AJAX应用涉及到的技术:HTML、CSS、JS、DOM、XML、HTTP协议等

——纯前端技术,需要与Web服务器交互。

 

(2)AJAX应用的核心JS对象:

——XMLHttpRequest:向Web服务器发起HTTP请求,并接收响应消息。

 

 

 XMLHttpRequest对象成员

readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0:UNSENT

请求消息未初始化

1:OPENED

XHR已经打开到服务器的链接(xhr.open()已启动)

2:HEADERS_RECEIVED

请求已经发送完成,开始接受响应消息头部

3:LOADING

解析,加载响应消息主体

4:DONE

响应消息接受完成

 

status:

响应状态码readyState变为2才有值--200表示响应成功

statusText

原因断句,readyState变为2才有值

 

response

响应数据

responseType

响应数据的类型                //默认值是空字符串

responseText

字符串形式的响应数据

responseXML

XML形式的响应数据

responseURL

返回响应的经过序列化的URL

timeout:0

用于规定超时时间,(与ontimeout事件一起使用)

 

XHR对象的核心成员事件

onreadystatechange

当xhr.readyState属性值发生改变

 

XHR对象的成员方法

getAllResponseHeaders()

 

getResponseHeader()

读取响应头部

setRequestHeader()

设置请求头部

Open()

打开到服务器的链接

send()

发送请求消息

 

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

php与Ajax(二)—XMLHttpRequest对象的方法与属性

属性: onreadystatechange* 指定当readyState属性改变时的事件处理句柄。只写 readyState 返回当前请求的状态,只读. responseBody 将...

AJAX核心—XMLHttpRequest 对象

我要说的内容都是非常基础的内容,老手就免看了,如果看了欢迎给点意见啊。新手或者对低层还不是很了解的人可以看看,帮助理解与记忆。 XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始。 了解XMLHttpRequest 对象就先从建立 XMLHttpRequest 对象开始,在不同的阅读器中建立 XMLHttpRequest 对象运用不同的要领: 先看看IE建立 XMLHttpRequest 对象的要领(要领 1): var xmlhttp = new ActiveXObject("Msxml2.XML

Ajax学习系列3—XMLHttpRequest对象使用的扩展问题

这次介绍使用XMLHttpRequest对象过程中,经常遇到三个问题的解决方法: (在Ajax学习系列2—核心对象XMLHttpRequest中介绍了XMLHttpRequest对象的五步使用法) ...

Ajax的主要步骤 及 XMLHttpRequest对象的属性和方法

Ajax应用程序可以用javascript脚本代码创建 主要步骤如下 (1) 调用XMLHttpRequest对象的open()方法,设置所有的请求方法,请求资源的URL, 并指定采用同步或异步方式发送HTTP请求。 (2) 设置XMLHttpRequest对象的onreadystatechange属性,以指定当请求状态改变时调用的时间处理程序 (3) 调用XM

Java乔晓松-ajax的概述和XMLHTTPRequest对象的创建过程

什么是 Ajax 读音:e:j^ks 。AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse ...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)