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”