关于Ajax

关于Ajax

​ Ajax，Asynchronous JavaScript and XML,异步JavaScript 和 XML。Ajax不是一种编程语言，而是一种技术，可以实现客户端和浏览器的局部更新操作，减少页面重新加载带来的流量。

​ 比如，有一个登录页面，页面有用户名和密码两个输入框，我们用ajax判定用户名和密码是否正确并返回console命令台，当鼠标失去焦点时控制台就会输出结果为“ok”或者“用户名错误”或者“密码错误”。当我们把鼠标焦点放在用户名输入框并点击，什么也不输入然后焦点放在其他地方，这时会产生我们的失去焦点事件，并返回“用户名错误”的提示，反复点击，后台就会反复产生事件，这是一个局部更新。如果鼠标焦点放在用户输入框，并输入了正确的用户名，后台数据就会更新，控制台也会输出“用户名正确”的事件。

Ajax总结：

使用jQuery需要导入jQuery，使用Vue需要导入Vue，两个都用，自己原生态实现。

三部曲：

1. 编写对应处理的Controller，返回消息或者字符串或者json格式的数据；
2. 编写ajax请求
   1. url：Controller请求
   2. data：键值对
   3. success:回调函数
3. 给Ajax绑定事件，点击.click，失去焦点.onblur,键盘弹起.Keyup