ajax 同步、异步 快速了解

同步

例如:填写一个表单信息:有姓名,性别,年龄,身高,体重,邮箱,手机号;需要全部添加完保存提交,服务器才能处理响应,填写的是否错误。

客户端 去请求服务器》服务器去处理》客户端等待》服务器响应》客户端进行页面载入》如果客户端出错》就要再去请求服务器》客户端继续等待
ajax 同步、异步 快速了解

ajax 异步

例如:还是填写一个表单信息:有姓名,性别,年龄,身高,体重,邮箱,手机号;当填写完邮箱地址这一项后,就直接给服务器发送请求,服务器就去做处理和响应,如果得到你的邮箱地址填写重复,会把响应结果反映给页面,但不会重新去刷新页面,在这个过程中,还是可以去填写其他选项的内容,填写这个表单的每一项是否有误,都会实时的展示出来,也可以实时的进行更正,在这个过程中不会有整个页面的刷新,不会有整个页面的提交和等待,当点击提交的时候,就已经正确的搞定了,不需要去等待是否有填写错误。
ajax 同步、异步 快速了解
异步的好处:客户端(页面中)的操作和服务器端的操作不会进行堵塞。

同步和异步的差异

在同步是缺少了一个对象,XMLHttpRequest对象,有了这个对象就可以进行异步的操作,用于后台和服务器交换数据,而且这个数据交换不需要重新加载整个页面,可以进行部分的(局部)更新。
运用XMLHttpRequset和web服务器进行数据的异步交换。
ajax 同步、异步 快速了解