Ajax=Asynchronous JavaScript and XML(异步的JavaScript和XML)
Ajax是一种在无需重新加载整个网页的情况下,,能够更新部分网页的技术。
Ajax不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术
使用Ajax,用户可以创建接近本地桌面应用的直接,高可用,更丰富,更动态的Web用户界面。
增强B/S体验性。
B/S:未来的主流,并且会爆发式的持续增长。
产品链:H5+网页+客户端+手机端(Android,iOS)+小程序
利用Ajax可以做:
注册时,输入用户名自动检测用户是否已经存在。
登陆时,提示用户名密码错误。
删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。
Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。
jQuery提供多个与Ajax有关的方法。
通过jQuery Ajax方法,能够使用http get和http post从远程服务器上请求文本,HTML,XML或JSON 同时能够把这些外部数据直接载入网页的被选中元素中。
jQuery不是生产者,而是大自然搬运工。
jQuery Ajax本质就是XMLHttpRequest,对他进行了封装,方便调用!
使用jQuery需要先导入jQuery的js文件;
总结:
使用jQuery需要导入jQuery,使用Vue导入Vue,两个都用,自己原生态实现
三部曲:
1.编写对应的Controller,返回消息或者字符串或者json格式的数据;
2.编写ajax请求:
-
url:Controller请求
-
data:键值对
-
success:回调函数
3.给ajax绑定事件,点击(click),失去焦点(onblur),键盘弹起(keyup)
一句话:客户端与服务器,可以在不必刷新整个浏览器的情况下,与服务器进行异步通讯的技术。