建立AJAX通信的步骤

原创 2013年12月05日 10:15:25

步骤一:创建XMLHttpRequest对象

XMLHttpRequest对象是Ajax的应用的基础,所有主流浏览器的支持该对象。IE7开始提供对XMLHttpRequest对象的支持。

function CreateRequestObject() {
		var ajaxRequest;
		try {
			ajaxRequest = new XMLHttpRequest();
		} catch (e) {
			try {
				ajaxRequest = new ActiveXObject('Msxm12.XMLHTTP');
			} catch (e) {
				try {
					ajaxRequest = ActiveXObject('Microsoft.XMLHTTP');
				} catch (e) {
					return false; 
				}
			}
		}
		return ajaxRequest;
	}


根据浏览器的不同创建XMLHttpRequest对象。

XMLHttpRequest 的主要属性有与方法:

stauts 请求响应头的HTTP状态码,例如200或400
statusText 状态码的字符串形式
readyState 当前对象状态的数字
responseText 服务器返回的字符串信息
responseXML 服务器返回的xml
onreadystatechange 当readyState状态改变时调用的事件处理函数
onerror 发生错误时当用的函数
onprogress 内容加载中调用的函数
onload 内容加载完调用的
方法  
abort()  
getAllResponseHeaders()  
getResponseHeader('ser')  
open(‘post/get’, url, bool) 等初始化XMLHttpRequest对象
send() 发送请求
setRequestHeader()  















步骤二:初始化XMLHttpRequest对象,并向服务器发送请求。

//GET
ajaxRequest.open('GET', 'url?param=' + paramvalue, true);//true代表异步响应,不锁定屏幕。false代表同步,要等到服务器返回结构才能继续操作
ajaxRequest.send();

//POST
ajaxRequest.open('POST', 'url', true);
ajaxRequest.send('param='+paramvalue); //用于传递post方法的参数,如果没有就传递null

步骤三:监控服务器相应状态

要监控服务器状态应该给XMLHttpRequest对象的onreadystatechange事件处理函数赋予函数,该函数会在readyState状态改变时被触发。

ajaxRequest.onreadystatechange = function() {
			if(ajaxRequest.readyState == 4 && ajaxRequest.status == 200) { //当readyState为4 且status为200时,表示请求成功
				document.getElementById('message').innerHTML = ajaxRequest.responseText;
			}
		}



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

相关文章推荐

TCP网络通讯如何解决分包粘包问题

TCP数据传输是以无边界的数据流传输形式,所谓无边界是指数据发送端发送的字节数,在数据接收端接受时并不一定等于发送的字节数,可能会出现粘包情况。 TCP粘包情况: 1. 发送端发送了数量比较的数据,接...

ajax与后台通信 -- Response.End()

前台代码: var json = { width: w, height: h, category: canvas_category, name: canvas_json...

深入浅出URL编码

出处:http://blog.csdn.net/yzhz  杨争    一、问题:         编码问题是JAVA初学者在web开发过程中经常会遇到问题,网上也有大量相关的文...

Ajax概述及浅谈其与服务器的交互过程

概念:        首先AJAX不只是一个特定的客户端技术,更应算是一种技巧。Ajax技术的核心操作是用XmlHttpRequest(下称XHR)对象进行异步数据处理。      ...

AJAX学习笔记:创建XMLHttpRequest对象的五步骤

XMLHttpRequest对象在大部分浏览器上已经实现而且拥有一个简单的接口允许数据从客户端传递到服务端,但并不会打断用户当前的操作。这是一个非常流行的做法,那么如何建立一个XMLhttpReque...

Ajax无刷新实现步骤

Ajax安装程序及安装步骤

  • 2013-05-16 16:26
  • 4.44MB
  • 下载

web上用Activex控件开发步骤(MFC) 博客分类: HTML & AJAX

web上用Activex控件开发步骤(MFC) 博客分类: HTML & AJAX MFCWeb脚本XPVC++ 首先要说明的是 web上用activex是门被抛弃的技术。为什么这么...
  • msbbc
  • msbbc
  • 2011-11-30 14:24
  • 1160
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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