一文了解：AJAX：异步请求响应

一、认识同步交互和异步交互

1、什么是同步交互

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

优点

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

缺点

1同步交互的不足之处，会给用户一种不连贯的体验，当服务器处理请求时，用户只能等待状态，页面中的显示内容只能是空白。

2因为已经跳转到新的页面,原本在页面上的信息无法保存,好多信息需要重新填写

2、什么是异步交互

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

优点

1前端用户操作和后台服务器运算可以同时进行,可以充分利用用户操作的间隔时间完成运算

2页面没有跳转,响应回来的数据直接就在原页面上,页面原有信息得以保留

缺点

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

二、什么是AJAX？介绍！

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

AJAX关键技术

使用CSS构建用户界面样式,负责页面排版和美工

使用DOM进行动态显示和交互,对页面进行局部修改

使用XMLHttpRequest异步获取数据

使用JavaScript将所有的元素绑定在一起

AJAX的最大的特点: 异步访问,局部刷新

三、AJAX默认传递数据格式JSON

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

它有如下优点：

1、轻量级,在这里用它不是为了厉害的功能代码,而是为了实现数据转换

2、 Json 格式既能考虑到前端对象的特点 同时也能兼顾后台对象信息的特点

3 、Json 格式可以被前端直接识别并解析成对象

4、 jQuery形式实现AJAX默认前后端传递数据的格式就是JSON

更多关于Ajax异步请求的知识可以到视频中学习哦~

Java优质课程推荐：

Java基础优质课程：java零基础小白自学Java必备优质教程_手把手图解学习Java，让学习成为一种享受

Ajax异步优质课程：

每日Java学习推荐Ajax异步请求实战教程_JavaScript和XML视频教程/Web数据交互方式/Ajax课程零基础入门

web前端开发必会的技能，这可能是B站最好JavaScript教程零基础入门到精通_最新版JavaScript基础全套教程完整版(140集实战教学）

Java全套优质课程UP主页：https://space.bilibili.com/609988934

Java项目：

【FlappyBird游戏项目】手把手用Java教你做游戏_FlappyBird飞翔的小鸟

【java项目】白嫖6套Java小游戏教程免费分享帮你解决期末作业烦恼！（附源码课件）

【王者荣耀项目】YYDS!！王者荣耀被大佬24小时开发成功-开发王者如此简单_王者荣耀游戏_java项目

优质配套课件：