0


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类型的字符串,然后再返回给前端。



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

大家一起加油!!!!!!

标签: ajax javascript 前端

本文转载自: https://blog.csdn.net/weixin_44362089/article/details/127142762
版权归原作者 白胡子永远 所有, 如有侵权,请联系我们删除。

“AJAX的知识汇总”的评论:

还没有评论