Ajax介绍

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)


一句话:客户端与服务器,可以在不必刷新整个浏览器的情况下,与服务器进行异步通讯的技术。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值