Ajax简介|青训营笔记

121 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第二十三天


Ajax实质

Ajax主要是作用就是无需刷新页面就可以向服务器发出HTTP请求,来获取想要的数据加载,更节省时间和空间,使人们的效率得到了有效的提升。

前置知识

image.png

基本语法

image.png

xml现已被Json取代

json相对于xml更加简洁,在数据转换中也更加容易,灵活度远胜于xml

1.1 AJAX特点

1.1.1优点

  1. 可以无需刷新页面与服务器端进行通信
  2. 允许你根据用户事件来更新部分页面内容。

1.1.2缺点

  1. 没有浏览历史,不能回退
  2. 存在跨域问提
  3. 对SEO不友好,爬虫爬取不到

2.1 http协议

image.png

请求消息数据格式

image.png

image.png

什么是 AJAX ?

AJAX是基于现有的Internet标准,并且联合使用它们:

  • XMLHttpRequest 对象 (异步的与服务器交换数据)
  • JavaScript/DOM (信息显示/交互)
  • CSS (给数据定义样式)
  • XML (作为转换数据的格式)

lamp  AJAX应用程序与浏览器和平台无关的!

AJAX的限制

虽然Ajax是一种Web应用程序开发技术,旨在使网页更具响应性和与用户的交互性,但在开发基于Ajax的应用程序之前,Ajax有一些需要考虑的限制。以下限制是一些更突出的缺点:

  • 浏览器支持 - 并非所有浏览器都支持 JavaScript 或 XMLHttpRequest 对象。即使在支持 JavaScript 和 XMLHttpRequest 的浏览器中,也可以对这些对象进行不同的处理。必须考虑每个浏览器的Ajax实现。
  • 安全和用户隐私 - 并非所有问题都得到解决。在开发 Ajax 应用程序时,需要考虑有关安全性和用户隐私的问题。
  • 辅助功能 - 由于并非所有浏览器都具有 JavaScript 或 XMLHttpRequest 对象支持,因此必须确保提供一种方法来使 Web 应用程序可供所有用户访问。
  • 书签和导航 - 由于Ajax用于将内容异步加载到现有页面中,因此某些页面信息可能与新加载的页面不对应。浏览器历史记录和书签可能没有正确的行为,因为尽管页面的某些部分已更改,但 URL 仍未更改。
  • 搜索引擎 - Ajax应用程序不可搜索;但是,可以在可搜索的应用程序中使用Ajax功能和元素。