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

2401_84584854

于 2024-05-16 04:48:10 发布

阅读量884

点赞数 17

文章标签： java 面试学习

本文链接：https://blog.csdn.net/2401_84584854/article/details/138936615

版权

最后

金三银四到了，送上一个小福利！

专题+大厂.jpg

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

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”); //设置编码

response.getWriter().print(result); //以流的形式传递给前端

}

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

}

配置：

GetManyServlet

edu.hpu.servlet.GetManyServlet

GetManyServlet

/getManyServlet

getMany.html

获取多个对象

跑一下结果：

在这里插入图片描述

参考：

【1】、https://blog.csdn.net/piantoutongyang/article/details/65446892?tdsourcetag=s_pctim_aiomsg###

【2】、http://how2j.cn/k/jquery/jquery-ajax/474.html#step1002
【3】、https://blog.csdn.net/qq1940879801/article/details/77854906
【4】、http://how2j.cn/k/servlet/servlet-submit-json/1323.html#nowhere
【5】、http://how2j.cn/k/servlet/servlet-get-one-json/1324.html#nowhere
【6】、http://how2j.cn/k/servlet/servlet-get-many-json/1325.html