关于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
posted @ 2023-02-27 19:58  Cara_Smith  阅读(16)  评论(0编辑  收藏  举报