带你走进ajax(2)

前端之家收集整理的这篇文章主要介绍了带你走进ajax(2)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax原理介绍


传统的web应用
  • 传统的web应用是客户端向服务器发送一个http请求后,客户端要一直等待服务器的响应,这时用户什么事也干不成。
  • 最麻烦的是对于表单的提交。比如用户要填写用户信息,等将所有的信息填写完成后提交给服务器,服务器响应是用户名已被使用,然后用户不得不重新填写所有的信息。
  • 我们期望在填写用户名时就检测用户名是否可用,这时浏览器可以在静默方式下将填写的用户名内容发送给服务器进行核对,并将结果在页面显示出来。在这个数据传送过程中,用户可以进行别的操作,而不用等待。

ajax 参与过程

  • 首先创建ajax引擎
  • Client将数据发送ajax引擎,ajax引擎走正常的http请求通道
  • ajax引擎拿到server的响应后发送给Client,Client对数据进行处理,将结果显示用户
总结
传统的请求---应答方式会将用户阻塞,使用户体验不佳
ajax参与进来后可以实现异步操作。简单的说就是将阻塞等级提高,使应答过程阻塞在ajax引擎上,从而使用户有更大自由度。
原文链接:https://www.f2er.com/ajax/162640.html

猜你在找的Ajax相关文章