Ajax:async javascript and xml,异步的 JS 和 XML。它是一门技术,用来实现局部数据请求。

在 Ajax 中的异步不是我们理解的同步异步编程,而是泛指 局部刷新,但是我们在以后的 Ajax 请求中尽可能使用异步获取数据(因为异步获取数据获取不会阻塞下面代码的执行)

1. XML

XML(可扩展的标记语言) 是一种文件格式,我们可以把 HTML 理解为 XML 的一种。

它的作用是用自己扩展的一些语义标签来存储一些数据和内容,这样存储的好处是清晰的展示数据的结构

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <root>
  3. <student>
  4. <name>张三</name>
  5. <age>25</age>
  6. <score>
  7. <english>98</english>
  8. <chinese>100</chinese>
  9. <math>100</math>
  10. </score>
  11. </student>
  12. <student>
  13. <name>李四</name>
  14. <age>24</age>
  15. <score>
  16. <english>8</english>
  17. <chinese>90</chinese>
  18. <math>80</math>
  19. </score>
  20. </student>
  21. </root>

通过节点关系来获取数据

2. 历史

在 Ajax 刚刚兴起的时候,客户端从服务器端获取数据,服务器端为了清晰的表达数据结构,都是返回 XML 格式的内容。所以被称为 Ajax

现在,我们获取的数据一般都是 JSON 格式的内容,JSON 相对于 XML 来说,也能清晰表达数据的结构,而且访问里面的数据的时候操作起来比 XML 更简便。

但是现在某些项目中,服务端返回给客户端的数据不单纯是数据,而是数据和需要展示的节后拼接好的结果(类似于自己做字符串拼接),换句话说,是服务器端把数据和结构拼接好返回给我们,此时返回的数据格式一般都是 XML 格式的字符串,但是包含的是 HTML

3. 使用

Ajax 主要依赖于服务器端处理。客户端只做了简单的发送请求和接受处理响应。

我们应该渐进增强的使用 Ajax,也就是 Hijax。只使用常规的链接,再用 JavaScript 拦截默认操作,例如表单,利用 onsubmit 拦截下来,利用 XMLHttpRequest 对象向服务器发送请求,再进行处理,成功后再进行提交,减少了很多时间。