微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ajax学习总结(一):Ajax工作流程+XMLHttpRequest对象及它的两个方法+用户名无刷新验证

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)

用途:快速创建动态网页,不需要刷新整个页面,只需与服务器进行少量的数据交换便可达到属于新的目的,适用于需要局部刷新的用例场景。如:省市联动、股票K线图、地图等。

Ajax工作流程:

1、浏览器创建一个XMLHttpRequest对象,发送HttpRequest请求到服务器,使用xmlHttpRequest.open()和xmlHttpRequest.send()方法,具体看代码

2、服务器收到请求,做相应处理后返回结果到浏览器

3、客户端通过xmlRequest的属性responseText,或responseXML取得数据,实现页面的局部刷新。

XMLHttpRequest对象:

所有的现代浏览器均支持此对象,所以无需下载任何浏览器插件就能使用Ajax技术

所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象,老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象。

为避免浏览器的版本的原因,写出下面通用代码

function getXmlHttpObject(){
	var xmlhttp;
	if (window.ActiveXObject)
	{
		
		// IE6, IE5 浏览器执行代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		//window.alert("其他");
	
	}
	else
	{	
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		xmlhttp=new XMLHttpRequest();
		//window.alert("dada");
		
	}
	return xmlhttp;
}

下面介绍xmlHttpRequest的open()方法和send()方法

open(method,url,async):

open方法有三个参数,

method参数:表示请求的类型post或get类型

这两种方式的区别在后面介绍。

 

url参数:文件在服务器上的位置

asyn参数:同步或异步,有true(同步)和false(异步),解释一下这两种方式的区别:

异步:在执行到此处代码的时候,javascript无需等待服务器的响应,继续执行下面的javascipt代码,当响应就绪后对其进行处理。

同步:JavaScript等待其响应就绪后才会执行,这使得在大型应用中,如果服务器繁忙,程序会出现挂起、停止现象。

实现异步主要依赖于JavaScript回调函数(顺便说一下回调函数的设计目的,太伟大了

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐