AJAX

往

期

回

顾

126套Java项目视频
2.程序员：凭什么他大专12K,而我硕士研究生才5K？
3.2019年世界人工智能大会，大咖们都说了什么

4.ssm之地区表三级联动

5.mysql 索引

Back to

School

传统交互方式：
客户端（浏览器）从服务器加载网页完毕后，网页中的内容如果需要更改，那么就必须让浏览器重新发送一次请求到服务器，服务器接收请求并处理完毕后会把一个完整的网页返回给客户端（浏览器），浏览器把网页直接显示给用户;
传统交互方式问题：
每次操作都必须返回整个页面，带宽，响应速度都有影响的
AJAX<-->请求/响应<-->服务器
AJAX交互方式：
客户端（浏览器）从服务器加载网页完毕后，网页中的内容如果需要更改，不使用浏览器发送请求，而是使用JavaScript中的XMLHttpRequest（及Ajax对象）对象发送请求到服务器，服务器接收请求并处理完毕后只返回页面需要的内容，XMLHttpRequest对象接收服务器返回的内容，程序员需要手动(javascript)的把内容更新到页面中；
AJAX交互方式好处：
只是部分数据更新，就成功和服务器进行了交互，可以提高用户的使用体验。
那些场景需要使用ajax
需要局部刷新的页面
浏览器地图搜索
自动提示
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。
用户名重复检查：
用户注册时，检查用户名是否存在，及时给用户反馈；
邮箱提示：
WEB版邮箱系统，当有新邮件到底服务器，浏览器不用刷新页面也知道是否有新邮件；
无刷新分页：
显示数据列表，用户点击下一页数据，整个页面不会刷新，只把下一页的数据更新到页面中；
购物车：
用户点击添加到购物车后，能继续进行其他操作，而购物车的数据存储服务器端；
用户登录：
用户登录的数据通过AJAX传输到后台，如果登录失败直接在当前登录页面提示用户，而不用刷新整个页面；
如果应用中的页面需要局部刷新并且需要与服务器交互，那么就可以使用AJAX；
视频网站
股票网站(轮询)
秘诀：浏览器网站的时候，留心观察很多页面未刷新，但是页面中的内容被更改了，这些都是AJAX使用场景；
AJAX相关概念
新瓶ajax装旧水(js,xml(json))
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX是一种用于创建快速动态网页的技术。
以后是使用XML传输数据，但是比较麻烦(还要解析),不好用，现在全部改成json了

AJAX特点：
通过AJAX与服务器进行数据交换，AJAX可以使网页实现局部更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
AJAX核心：
Ajax 的核心是 JavaScript 对象 XMLHttpRequest。简而言之，XMLHttpRequest 使您可以使用 JavaScript 向服务器进行请求并处理响应。
同步交互和异步交互
举个例子：普通B/S模式(同步)       AJAX技术(异步)

• 同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事

• 异步: 请求通过事件触发->服务器处理（这时浏览器仍然可以作其他事情）->处理完毕

同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。
异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式

易懂的理解:
异步传输:   你传输吧，我去做我的事了，传输完了告诉我一声   

欢迎识别下方二维码，关注小编微信公众号，可以获取跟多Java资料：

七夕