AJAX的知识汇总

1.首先要明白，你什么情况下会考虑使用AJAX。

AJAX是实现局部刷新的一种实现方式。

局部刷新：给人的感觉是，你在浏览器页面的某个位置点击之后，整个页面只有你点击的那部分的内容，会发生变化，而其他的页面保持不变，这样就减少了请求。

全局刷新：即无论你点击浏览器页面的那个地方，他都会全部重新加载该页面。

---

2.那么是如何设计局部刷新呢？

在技术发展的过程中，当然是觉得全局刷新有一定的缺陷，我们才设计出来了局部刷新这种技术。

实现局部刷新使用的是浏览器内存中的一个对象，XMLHttpRequest,这个对象是在<script>标签里面创建的，他的名字叫做，异步对象。

AJAX中包含的技术：dom，JavaScript，Css，xml。

可以说是：AJAX不是一种新的语言，只是一种技术的整合。

那么我们如何去使用AJAX呢？？？

我们可以在html，jsp，页面中的<script>中定义函数。

下面将给出AJAX的使用案例：

 对上面的步骤进行总结：

• 创建异步对象XMLHttpRequest
• 给异步对象绑定onreadystatechange事件
• 确定请求地址，请求方式
• 发送请求

 关于XMLHttpRequest对象的属性的解释

 

 注意：异步对象发送的请求，那么响应的结果就会交给异步对象

我们在浏览器，可以按F12看到xhr，这个xhr就是我们的XMLHttpRequest

---

---

3.封装JSON

用上面的方式发起的请求，后端给我们返回的结果是一个字符串，我们处理起来很麻烦，因此我们有必要，将后端给我们返回的数据进行封装，将其封装成一个JSON，更方便我们处理。

JSON的格式：{‘key’：‘value’，‘key’：‘vaule’}

上面的key必须是用‘’引起来，而value若是数字，则可以不用‘’

那么如何将后台返回的数据封装成一个JSON呢？？？

我们使用的是JackSon中的ObjectMapper类，将java对象写作JSON类型的字符串，然后再返回给前端。

 

---

---

以上的这都是我从我自己的笔记中截的图。正在慢慢将笔记上的转移到网上。

大家一起加油！！！！！！