首页 前端知识 AJAX学习笔记(五、AJAX JSON与Servlet前后端交互)

AJAX学习笔记(五、AJAX JSON与Servlet前后端交互)

2024-05-30 10:05:59 前端知识 前端哥 767 144 我要收藏

最后

金三银四到了,送上一个小福利!

image.png

image.png

专题+大厂.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

最后

我想问下大家当初选择做程序员的初衷是什么?有思考过这个问题吗?高薪?热爱?

既然入了这行就应该知道,这个行业是靠本事吃饭的,你想要拿高薪没有问题,请好好磨练自己的技术,不要抱怨。有的人通过培训可以让自己成长,有些人可以通过自律强大的自学能力成长,如果你两者都不占,还怎么拿高薪?

架构师是很多程序员的职业目标,一个好的架构师是不愁所谓的35岁高龄门槛的,到了那个时候,照样大把的企业挖他。为什么很多人想进阿里巴巴,无非不是福利待遇好以及优质的人脉资源,这对个人职业发展是有非常大帮助的。

如果你也想成为一名好的架构师,那或许这份Java核心架构笔记你需要阅读阅读,希望能够对你的职业发展有所帮助。

中高级开发必知必会:

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

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

是什么?有思考过这个问题吗?高薪?热爱?

既然入了这行就应该知道,这个行业是靠本事吃饭的,你想要拿高薪没有问题,请好好磨练自己的技术,不要抱怨。有的人通过培训可以让自己成长,有些人可以通过自律强大的自学能力成长,如果你两者都不占,还怎么拿高薪?

架构师是很多程序员的职业目标,一个好的架构师是不愁所谓的35岁高龄门槛的,到了那个时候,照样大把的企业挖他。为什么很多人想进阿里巴巴,无非不是福利待遇好以及优质的人脉资源,这对个人职业发展是有非常大帮助的。

如果你也想成为一名好的架构师,那或许这份Java核心架构笔记你需要阅读阅读,希望能够对你的职业发展有所帮助。

中高级开发必知必会:

[外链图片转存中…(img-8VJ8XpUO-1715806068959)]

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10066.html
标签
评论
发布的文章

用点jquery实现的登录页面

2024-06-06 00:06:07

echarts-锥型柱状图

2024-06-06 00:06:05

echarts的使用

2024-06-06 00:06:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!