AJAX学习笔记（五、AJAX+JSON与Servlet前后端交互）

public String toString() {

return “Role [name=” + name + “, film=” + film + “]”;

}

}

我们的前后端数据就主要围绕这个实体类展开了。

导入相应的包和jquery.min.js

解析json数据好像用Jackson的比较多（可以参考【3】），但这个用的不是，具体用的包直接参考【2】。

提交数据

submit.html:

影视角色

姓名：

电影：

SubmitServlet:

package edu.hpu.servlet;

import java.io.IOException;

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 edu.hpu.Pojo.Role;

import net.sf.json.JSONObject;

/**

• Servlet implementation class SubmitServlet

*/

public class SubmitServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

public SubmitServlet() {

super();

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doPost(request, response);

}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

String data=request.getParameter(“data”); //获取前端传递数据

System.out.println(“服务端接收到的数据是：” +data);

JSONObject json=JSONObject.fromObject(data);

System.out.println(“转换为JSON对象之后是：”+ json);

Role role = (Role)JSONObject.toBean(json,Role.class);

System.out.println(“转换为Hero对象之后是：”+role);

}

}

web.xml配置：

SubmitServlet

edu.hpu.servlet.SubmitServlet

SubmitServlet

/submitServlet

跑一下，结果：

前端获取一个对象

GetOneServlet:

package edu.hpu.servlet;

import edu.hpu.pojo.Role;

import net.sf.json.JSONObject;

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;

public class GetOneServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

Role role=new Role();

role.setName(“柳飘飘”);

role.setFilm(“喜剧之王”);

JSONObject json= new JSONObject();

json.put(“role”, JSONObject.fromObject(role));

response.setContentType(“text/html;charset=utf-8”);

response.getWriter().print(json);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

}

}

web.xml配置：

GetOneServlet

edu.hpu.servlet.GetOneServlet

GetOneServlet

/getOneServlet

getOne.html:

影视角色：

跑一下，结果：

F12可以进入调试模式，查看前端发出的异步请求以及后端的响应：

前端获取多个对象

GetManyServlet:

package edu.hpu.servlet;

import edu.hpu.pojo.Role;

import net.sf.json.JSONSerializer;

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;

import java.util.ArrayList;

import java.util.List;

@WebServlet(name = “GetManyServlet”)

public class GetManyServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

List roles=new ArrayList<>();

for (int i=0;i<10;i++){

Role role=new Role();

role.setName(“燕双鹰”+i);

role.setFilm(“宇宙第一豪杰、灭霸杀手”+i);

roles.add(role);

}

String result= JSONSerializer.toJSON(roles).toString(); //通过通过JSONSerializer.toJSON(heros)把集合转换为JSON字符串

response.setContentType(“text/html;charset=utf-8”); //设置编码

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Java）

最后

学习视频：

大厂面试真题：

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

[外链图片转存中…(img-3GtvoNrp-1713808974415)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Java）

[外链图片转存中…(img-EdCuCqTI-1713808974415)]

最后

学习视频：

[外链图片转存中…(img-I6MVdKoe-1713808974415)]

大厂面试真题：

[外链图片转存中…(img-zOIe4GgH-1713808974416)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！