Ajax异步请求

1.需求

准备一个注册页面ajax.html,当鼠标点击输入框的时候提示“请输入用户名”，输入用户名后，点击输入密码或者其他空白处的时候提示“用户名可以使用”或者“用户名以重复，请重新输入用户名”。

1.1准备页面

1.2当鼠标点击输入框的时候提示“请输入用户名”

（1）根据id获得input标签，然后绑定获取焦点事件onfocus
（2）获取span标签并用innerHTML填入提示信息

1.3点击输入密码或者其他空白处的时候提示“用户名可以使用”或者“用户名以重复，请重新输入用户名”

（1）根据id获得input标签，然后绑定失去焦点事件onblur

（2）根据value获取输入框里的数据

（2）获取ajax对象

getXhr()方法写在回调函数外面

(3)准备请求(get)

（4）事件+回调函数（发送请求和响应都成功）

（5）发送请求

如果是post请求则在send方法里面填写参数“key=value”