本文共 2500 字，大约阅读时间需要 8 分钟。

AJAX 介绍

• AJAX(Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。
• AJAX 通过浏览器与服务器进行少量数据交换，就可以使网页实现异步更新。也就是在不重新加载整个页面的情况下，对网页的部分内容进行局部更新。
• 同步
  
• 异步
  

原生JavaScript实现AJAX

    
           
   
            姓名：
            
            
    
        密码：
            
    
        
        
   

可以看出原生js实现异步请求步骤繁琐

jQuery的GET和POST实现AJAX

    
       //省略body部分,和上个代码块中body一致

jQuery的通用方式实现AJAX

    
       //省略body部分,和上个代码块中body一致

可以看出jQuery的post,get请求和jQuery通用方式步骤简单固定,结构清晰

JSON 的处理

• JSON(JavaScript Object Notation)：是一种轻量级的数据交换格式,基于ECMAScript规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据;
• 层次结构简洁和清晰,易于阅读和编写
• 创建格式
  
• 常用方法
  
  举个例子

  {“city”:“北京”,“date”:“2088-08-08”,“shidu”:“22%”,“wendu”:“10° ~ 23°”}

简单JSON转换工具

Jackson：开源免费的 JSON 转换工具，SpringMVC 转换默认使用 Jackson可以将 JAVA 对象或集合转换成 JSON 格式的字符串，也可以将 JSON 格式的字符串转成 JAVA 对象

常用类

//servletpackage com.itheima.controller;import com.fasterxml.jackson.databind.ObjectMapper;import com.github.pagehelper.Page;import com.itheima.service.NewsService;import com.itheima.service.impl.NewsServiceImpl;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;@WebServlet("/newsServlet")public class NewsServlet extends HttpServlet {       @Override    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {           //设置请求和响应的编码        req.setCharacterEncoding("UTF-8");        resp.setContentType("text/html;charset=UTF-8");        //1.获取请求参数        String start = req.getParameter("start");        String pageSize = req.getParameter("pageSize");        //2.根据当前页码和每页显示的条数来调用业务层的查询方法，得到分页Page对象        NewsService service = new NewsServiceImpl();        Page page = service.pageQuery(Integer.parseInt(start), Integer.parseInt(pageSize));        //3.将得到的数据转为JSON        String json = new ObjectMapper().writeValueAsString(page);        try {               Thread.sleep(1000);        } catch (InterruptedException e) {               e.printStackTrace();        }        //4.将数据响应给客户端        resp.getWriter().write(json);    }    @Override    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {           doPost(req,resp);    }}//请求http://localhost:8080/newsServlet?start=1&pageSize=10返回结果(这里只显示了一条.并且使用了插件在浏览器中查看json数据的)[ - {   		id: 1,		title: "好用的插件”1"	},...]得知:可以看到数据已经被处理成了符合json格式的字符串

转载地址：https://blog.csdn.net/drug1910951117/article/details/106995880 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！