2022-11-07学习内容Ajax&axios&JSON

最新推荐文章于 2024-01-27 11:26:31 发布

王喂喂

最新推荐文章于 2024-01-27 11:26:31 发布

阅读量141

点赞数

文章标签： ajax 学习 json

本文链接：https://blog.csdn.net/qq283383169/article/details/127738915

版权

本文详细介绍了Ajax的基本概念、异步交互、局部刷新及其优势，还讲解了Axios作为Ajax封装库的使用，包括GET、POST请求的实现。同时，探讨了JSON的含义、与JS对象的区别，以及JSON在数据交换中的重要作用和转换方法。

摘要由CSDN通过智能技术生成

一、Ajax

1、什么是Ajax?

ASynchronous JavaScript And Xml ----异步的脚本的和XML。

Ajax是一种无需重新加载网页，就能更新部分网页脚本技术。特点：异步交互，局部刷新。

传统网页和服务器交互方式：同步交互，全部刷新。

2、同步

客户端必须等待，服务器端进行操作，返回应答，才能进行下一步操作

浏览器页面在发送请求给服务器，在服务器处理请求的过程中，浏览器页面不能做其他的操作。只能等到服务器响应结束后才能，浏览器页面才能继续做其他的操作。

3、异步

无需等待服务器应答结果，就可进行一步的操作。

浏览器页面发送请求给服务器，在服务器处理请求的过程中，浏览器页面还可以做其他的操作。

4、局部刷新

不是刷新整个页面，而刷新页面的局部，取决于服务器端返回内容类型((text/html)或 (text/xml、application/json

5、Ajax好处：

提高用户的体验
节省带端
前后端分离

6、代码实现

服务器端：Servlet

@WebServlet("/ajaxServlet")
public class AjaxServlet extends HttpServlet {
   
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
   
 
     //1. 响应数据
        response.getWriter().write("hello ajax~");
    }
 
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponseresponse) throws ServletException, IOException {
   
         this.doGet(request, response);
    }
 }