ajax系列之一,超硬核，分分钟了解AJAX！AJAX入门系列教程第一讲：AJAX介绍

AJAX

主要内容

AJAX的引入原生JS实现AJAXAJAX响应数据格式处理jQuery实现AJAX及案例开发学习目标

学习目标

一、AJAX引入

1.1 认识同步交互和异步交互

1.1.1 什么是同步交互

首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后，按照预先编写好的程序中的业务逻辑进行处理，比如和数据库服务器进行数据信息交换。最后，服务器对请求进行响应，将结果返回给客户端，返回一个HTML在浏览器中显示，通常会有CSS样式丰富页面的显示效果。

流程1

优点：

可以保留浏览器后退按钮的正常功能。在动态更新页面的情况下，用户可以回到前一个页面状态，浏览器能记下历史记录中的静态页面，用户通常都希望单击后退按钮时，就能够取消他们的前一次操作，同步交互可以实现这个需求。

缺点：

同步交互的不足之处，会给用户一种不连贯的体验，当服务器处理请求时，用户只能等待状态，页面中的显示内容只能是空白。因为已经跳转到新的页面，原本在页面上的信息无法保存，好多信息需要重新填写。1.1.2 什么是异步交互

指发送一个请求，不需要等待返回，随时可以再发送下一个请求，即不需要等待。在部分情况下，我们的项目开发中都会优先选择不需要等待的异步交互方式。将用户请求放入消息队列，并反馈给用户，系统迁移程序已经启动，你可以关闭浏览器了。然后程序再慢慢地去写入数据库去。这就是异步。异步不用等所有操作等做完，就响应用户请求。即先响应用户请求，然后慢慢去写数据库，用户体验较好。

流程2

优点：

前端用户操作和后台服务器运算可以同时进行，可以充分利用用户操作的间隔时间完成运算。页面没有跳转，响应回来的数据直接就在原页面上，页面原有信息得以保留。缺点：

可能破坏浏览器后退按钮的正常行为。在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记录的始终是当前一个的静态页面。用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在AJAX这样异步的程序，却无法这样做。

1.2 AJAX介绍

AJAX

AJAX 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML)，是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

AJAX关键技术

使用CSS构建用户界面样式，负责页面排版和美工使用DOM进行动态显示和交互，对页面进行局部修改使用XMLHttpRequest异步获取数据使用JavaScript将所有的元素绑定在一起AJAX的最大的特点： 异步访问，局部刷新

AJAX

点赞和评论区留言“ajax” ，可以获取对应视频，代码，文档全套资料。

举报/反馈