【天天新视野】关于Ajax

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

【天天新视野】关于Ajax

2023-02-27 19:57:15 来源：博客园

(资料图)

关于Ajax

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

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

Ajax总结：

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

三部曲：

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

关键词：失去焦点这是一个编程语言