js实现ajax局部刷新

//使用js进行ajax进行提交,异步提交,局部刷新页面
　　//1.创建ajax对象
　　　　var xhr= new XMLHttpRequest();
　　/**
　　* 2.打开连接
　　* 参数讲解
　　* 1.提价方式 "post","get"
　　* 2.提交路径 "CheckNameServlet?name="+?
　　* 3.是否是异步,默认true,可以不写,数据类型为boolean类型
　　*/
　　　　xhr.open("post","CheckNameServlet?name"+user)
　　//3.发送请求
　　　　xhr.send();
　　//4.接收Serlvet返回的数据(数据回调)
　　　　xhr.onreadystatechange=function(){
　　/**
　　* 判断两个状态(后台已经处理完毕,接收的参数)
　　* 1.ajax.readyState
　　* 　　 0 没有调用send方法
　　* 　　 1 已经调用send方法,正在发送请求
　　* 　　 2 send方法已经完成
　　* 　　 3 正在解析响应内容
　　* 　　 4 响应内容解析完成
　　* 2.ajax.status
　　* 　　 https://tool.oschina.net/commons?type=5
　　*/
　　　　if(xhr.readyState == 4 && xhr.status == 200){
　　　　　　//响应成功,从后台获取数据
　　　　　　var message = xhr.responseText;
　　　　　　usrInfo.innerHTML = message;
　　　　}