AJAX--- 前后端数据交互

最新推荐文章于 2022-08-17 22:46:55 发布

kzmm

最新推荐文章于 2022-08-17 22:46:55 发布

阅读量7.8k

点赞数 5

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/baipangtu/article/details/108021980

版权

AJAX（异步JavaScript和XML）是一种创建交互式网页应用的技术，用于在后台与服务器进行少量数据交换，从而实现页面的局部刷新。与传统技术相比，AJAX避免了页面的完整刷新，提高了用户体验。主要由XMLHttpRequest对象负责异步请求的发送与响应处理，通常用于GET和POST请求。jQuery等库进一步简化了AJAX的使用。

摘要由CSDN通过智能技术生成

1.什么是AJAX?

AJAX(Asynchronous JavaScript and XML) 就是异步的 JavaScript 和 XML，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种新技术，用于在 XML、HTML、CSS 和 Java 脚本的帮助下创建更好、更快、更具交互性的 Web 应用程序。

Ajax 使用 XHTML 描述内容，CSS 用于设置样式，文档对象模型和 JavaScript 用于动态内容显示。

传统的 Web 应用程序使用同步请求向服务器传输信息。这意味着您填写表单、点击提交并获取来自服务器的新信息的新页面。

使用 AJAX，当您执行提交时，JavaScript 将向服务器发出请求，解释结果，并更新当前屏幕。从最纯粹的意义上说，用户永远不会知道任何内容甚至被传输到服务器。

XML 通常用于接收服务器数据的格式，尽管可以使用任何格式（包括纯文本）。

AJAX是一种独立于网络服务器软件的Web浏览器技术。

当客户端程序在后台从服务器请求信息时，用户可以继续使用该应用程序。

直观和自然的用户互动。不需要单击，鼠标移动是足够的事件触发器。

数据驱动而不是页面驱动。

2.AJAX与传统技术的区别

当我们通过提交表单向服务器提交内容，或者进行一些其他操作，均涉及到了与浏览器之间的交互，传统的方式与AJAX方式的处理方法是不同的。

2.1 传统方式：

用户触发一个HTTP请求到 Web服务器，服务器接收并处理传来的数据，然后回送一个新的页面。

1：这种方式浪费了很多资源和带宽，很多情况下，返回的页面大部分HTML代码是一致的

2：客户在服务器处理请求期间，只能等待，不能进行操作

AJAX ：

AJAX可以只向服务器发送请求，并且取回必要的数据，客户端采用 JavaScript 的方式处理来自服务器的回应。

1.大大的减少了数据量，服务器回应速度更快，部分处理转移到了客户端，减轻了服务器的负荷

2.可以实现客户端和服务器的异步通讯方式（后面说）

下面举个栗子：

传统方式的话，点击下一页就会刷新整个页面，包括其实并不需要刷新的头部信息和侧边栏信息，需要重新从服务器获取信息，造成了贷款和支付其妻子元的浪费，同时用户的还需要等待网页跳转的等待时间，体验感极差。
如果通过 “AJAX方式” 实现内容分页，AJAX只需要从服务器中获取到需要的这些信息也就是图中的红色区域内的数据，这样就不需要刷新整个页面，只需要局部刷新就可以了，既