ITMO-Study-Note

网编主页/AJAX (异步 JavaScript 和 XML)

AJAX原理(异步JavaScriptXML)由浏览器和服务器之间的异步交互组成,无需重新加载整个页面,只允许动态更新页面的必要部分 这是通过向服务器发送请求、接收有限的数据集并使用 JavaScript 修改 DOM 模型来实现的,从而显著提高了 Web 应用程序的速度和可用性。 AJAX 工作阶段:

  1. 用户请求 开始向服务器发送数据(例如,在搜索栏中输入文本时)。
  2. 异步HTTP请求 在后台发送,不会阻塞浏览器或用户。
  3. 服务器 处理请求并仅返回所需的数据,而不是整个页面。
  4. JavaScript 获取这些数据,对其进行处理并使用 DOM 动态更新网页的相应部分。 AJAX 使用的主要技术和组件有:
    • XMLHttpRequest(或 Fetch API): 用于向服务器发出异步请求的 JavaScript 对象。
    • JavaScript: 一种将所有技术整合在一起、处理数据并与 DOM 交互的编程语言。
    • DOM(文档对象模型): 用于在网页上动态显示和交互数据的模型。
    • HTML/XHTML 和 CSS: 用于创建用户界面的结构和外观。
    • JSON/XML: 客户端和服务器之间交换数据的格式(尽管 JSON 在现代应用程序中更为常用)。 AJAX的优点:
    • 通过避免整个页面重新加载来提高 Web 应用程序的性能和响应能力。
    • 减少传输的数据量, 从而减轻网络和服务器的负载。
    • 改善用户体验: 通过即时接收更新的内容。