关于Ajax
Ajax,Asynchronous JavaScript and XML,异步JavaScript 和 XML。Ajax不是一种编程语言,而是一种技术,可以实现客户端和浏览器的局部更新操作,减少页面重新加载带来的流量。
比如,有一个登录页面,页面有用户名和密码两个输入框,我们用ajax判定用户名和密码是否正确并返回console命令台,当鼠标失去焦点时控制台就会输出结果为“ok”或者“用户名错误”或者“密码错误”。当我们把鼠标焦点放在用户名输入框并点击,什么也不输入然后焦点放在其他地方,这时会产生我们的失去焦点事件,并返回“用户名错误”的提示,反复点击,后台就会反复产生事件,这是一个局部更新。如果鼠标焦点放在用户输入框,并输入了正确的用户名,后台数据就会更新,控制台也会输出“用户名正确”的事件。
Ajax总结:
使用jQuery需要导入jQuery,使用Vue需要导入Vue,两个都用,自己原生态实现。
三部曲:
- 编写对应处理的Controller,返回消息或者字符串或者json格式的数据;
- 编写ajax请求
- url:Controller请求
- data:键值对
- success:回调函数
- 给Ajax绑定事件,点击.click,失去焦点.onblur,键盘弹起.Keyup