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

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

2024-06-16 09:06:46 前端知识 前端哥 432 107 我要收藏

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

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

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

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024b (备注Java)
img

正文

}

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

获取多个对象

最后

整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路,本文的重点是你有没有收获与成长,其余的都不重要,希望读者们能谨记这一点。

image

image

其实面试这一块早在第一个说的25大面试专题就全都有的。以上提及的这些全部的面试+学习的各种笔记资料,我这差不多来回搞了三个多月,收集整理真的很不容易,其中还有很多自己的一些知识总结。正是因为很麻烦,所以对以上这些学习复习资料感兴趣

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注Java)
img

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

[外链图片转存中…(img-RyGxat4f-1713382213923)]

[外链图片转存中…(img-1tpPwakO-1713382213923)]

其实面试这一块早在第一个说的25大面试专题就全都有的。以上提及的这些全部的面试+学习的各种笔记资料,我这差不多来回搞了三个多月,收集整理真的很不容易,其中还有很多自己的一些知识总结。正是因为很麻烦,所以对以上这些学习复习资料感兴趣

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注Java)
[外链图片转存中…(img-W3dNJXvP-1713382213924)]

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

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

前端开发 4: jQuery

2024-06-22 01:06:02

网页开发 HTML

2024-06-22 01:06:17

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