ajax（03）

1.简化的获取元素代码

<div id='d1'></id>
id.innerHTML='';

2获取、修改双标签的内容

id.innerhtml;
id.innerhtml='';

3.焦点事件

//失去焦点
d1.onblur
//获取焦点
d1.onfocus

4.ajax

1.同步Synchoronous
在一个进行任务中，不能执行其他任务
同步访问：浏览器向服务器发送请求时，浏览器只能等待服务器的响应不能做其他事情
出现的场合
1.地址栏输入网址访问网页（网速不好明显）
2.a标签的跳转
3.submit提交
2 异步Asynchoronous
在一个任务中，可以执行其他任务
异步访问：浏览器向服务器发送请求时、浏览器可以执行其他任务
出现场合
1.用户名验证
2.聊天室
3.搜索建议
4.股票走势图

ajax：
Asynchoronous javascript and XML（现在使用json居多）
本质：使用js提供的异步对象（XMLHttpRequest）
异步向服务器发送请求，并接受响应回来的数据。
ajax可以无刷新更改页面的布局内容
3.异步请求的步骤
0）请求未初始化
1）创建异步对象
2）绑定监听事件（接收请求）
3）打开链接（创建请求）
4）发送请求
4.创建异步对象

标准创建  IE8以上的版本支持
var xhr= new XMLHttpRequest();
IE8以下创建
var xhr = new ActiveObject('Microsoft.XMLHttp');

5.异步对象的属性和方法
1.readyState 属性
值：0~4 五个状态
0：请求未初始化
1：已经打开到服务器的连接，正在发送请求
2：正在接受响应头
3：接受响应主体
4.响应数据接受成功
2.status 服务器的响应状态码
当status的值为200时 表示服务器正确处理了请求 并给出了响应
3.onreadystatechange
当xhr的readyState属性值发生变化时自动激发

xhr.onreadystatechange=function(){
		//此方法会被调用四次
		//最后一次 readyState==4 表示数据接受成功 
		//status == 200 并且正确处理了请求 并返回
		if(xhr.readyState==4&&xhr.status==200){
			//responseText 表示接受的内容
			var result=str.responseText;
			result.innerHTML='';
		}
	}

6.创建请求（打开链接）

xhr.open(method,url,isAsyn)
method:请求的方法（get/post）  一个string的格式
url：访问服务器的地址（接口）
isAsyn:是否采用异步的方式请求 Boolean类型（true/false）;

7.发送请求
xhr.send(body)
使用get方法时 body为null，或者不写
使用post方法时创建请求主体
出现跨域问题解决

1.需要将ajax.html 放在 与服务器同级的文件夹下
2.将ajax.html放在一个文件夹里 然后在服务器文件下面将文件夹托管起来
3.从浏览器的地址栏访问 访问格式 127.0.0.1:3000/demo/ajaxDemo
8使用get，发送带参数的请求