ajax初识

一. 什么是ajax？

异步的Javascript和xml(asynchronous  javascript and xml)

二，ajax的作用

负责与后端交互
异步：同时进行的(前端进行的同时后端也在进行)
同步：不同时进行（完成一件事后在做另一件事，是有顺序的）

三.ajax的核心对象
核心对象是:XMLHttpRequest
步骤：a)创建对象

	var xhr=new XMLHttpRequest();
	此处存在兼容性问题写法如下：
		var  xhr=null;
		if(window,XMLHttpRequest){
			xhr=new  XMLHttpRequest();
	}else{
		xhr=new ActiveXObject("Mircrosoft");

	}

b).设置请求参数

		xhr.open("设置请求方式","请求地址"，true);
		若是get方式：
		var param="username="+name+"&pwd'+pwd;
		xhr.open(“get","xx.php?"+encodeURI(param)，true);
		//此处的encodeURI():作用是对中文进行转码
		若是post提交方式：
		var param="username="+name+"&pwd'+pwd;
		xhr.open(“post","xx.php"，true);
		xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");

c).发送请求

		xhr.send();
		get方式用：xhr.send(null);
		post方式用：xhr.send(param);

d)回调函数

xhr.onreadystatechange=function(){
	if(xhr.readyState==4&&xhr.status==200){
			var data=xhr.responseText;//用data接收后端相应的数据
	}

}.	

四.ajax核心属性及方法
· 属性：

status:表示最终的完成状态
（200：表示响应成功；404：表示找不到；500：表示;服务器端出错）
onreadystatechange:是readystate改变时触发的事件
responseText:接收服务器端给我们响应的内容
readyState:是请求响应过程中状态的变化
（返回值：0：初始化；1：发送时的状态；2：加载完毕即浏览器到服务器响应数据；
3:正在解析； 4：处理完毕）

方法：

open();设置请求参数
send();发送请求